You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.7 KiB
66 lines
1.7 KiB
3 years ago
|
const path = require("path");
|
||
|
|
const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
|
||
|
|
module.exports = {
|
||
|
|
devtool: "cheap-module-eval-source-map",
|
||
|
|
resolve: {
|
||
|
|
alias: { "@": path.resolve(__dirname, "../src") },
|
||
|
|
extensions: [".tsx", ".ts", ".js", ".json"],
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.(js|mjs|jsx|ts|tsx)$/,
|
||
|
|
use: ["babel-loader", "eslint-loader"],
|
||
|
|
exclude: /node_modules/,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.svg$/,
|
||
|
|
loader: require.resolve("svg-sprite-loader"),
|
||
|
|
include: path.resolve(__dirname, "../src/icons"), //只处理指定svg的文件(所有使用的svg文件放到该文件夹下)
|
||
|
|
options: {
|
||
|
|
symbolId: "icon-[name]", //symbolId和use使用的名称对应 <use xlinkHref={"#icon-" + iconClass} />
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(jpg|png|gif)$/,
|
||
|
|
use: {
|
||
|
|
loader: "url-loader",
|
||
|
|
options: {
|
||
|
|
name: "[name].[ext]",
|
||
|
|
outputPath: "images/",
|
||
|
|
limit: 8192,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(eot|ttf|woff|woff2)$/,
|
||
|
|
use: {
|
||
|
|
loader: "file-loader",
|
||
|
|
options: {
|
||
|
|
name: "[name]_[hash].[ext]",
|
||
|
|
outputPath: "iconfont/",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(mp4|MP4)$/,
|
||
|
|
use: {
|
||
|
|
loader: "url-loader",
|
||
|
|
options: {
|
||
|
|
name: "[name].[ext]",
|
||
|
|
outputPath: "images/",
|
||
|
|
limit: 0,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
new ForkTsCheckerWebpackPlugin({
|
||
|
|
typescript: {
|
||
|
|
configFile: path.resolve(__dirname, "../tsconfig.json"),
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
};
|