webpack.config.js
1.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const htmlWebpackPlugin = new HtmlWebpackPlugin({
template: path.join(__dirname, "./public/index.html"),
filename: "./index.html"
});
var NODE_ENV = process.env.NODE_ENV;
module.exports = {
mode:NODE_ENV=='dev'?"development":"production",
entry: path.join(__dirname, NODE_ENV=='dev'?"./src/index.js":"./src/components"),
output: {
path: path.join(__dirname, "dist"),
libraryTarget: 'umd', //发布组件专用
filename: "index.js"
},
module: {
rules: [{
test: /\.(js|jsx)$/,
use: "babel-loader",
exclude: /node_modules/
}, {
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
},
{
test:/\.(png|jpg)$/,
use:{
loader:'url-loader',
options:{
limit:100*1024, //小于100kb变成base64
esModule:false //如果不设置这个HTML中img的路径会出现问题
}
}
},
{
test: /\.(woff|woff2|eot|otf|ttf)$/,
use: ['file-loader']
}]
},
plugins: [htmlWebpackPlugin],
resolve: {
extensions: [".js", ".jsx"]
},
devServer: {
port: 8080
}
};