93 lines
2.6 KiB
JavaScript
93 lines
2.6 KiB
JavaScript
const path = require('path');
|
||
const TerserPlugin = require('terser-webpack-plugin')
|
||
const htmlWebpackPlugin = require('html-webpack-plugin');
|
||
module.exports = {
|
||
mode: 'production',
|
||
name: 'yhdesigner-userDefineModule',
|
||
entry: {
|
||
"designer": './src/index.ts',
|
||
"preview": './src/preview.ts'
|
||
},
|
||
output: {
|
||
filename: '[name].js',
|
||
path: path.resolve(__dirname, './dist')
|
||
},
|
||
module: {
|
||
unknownContextCritical: false,
|
||
rules: [
|
||
{
|
||
test: /\.tsx?$/,
|
||
use: ['ts-loader'],
|
||
exclude: /node_modules/
|
||
}, {
|
||
test: /\.css$/,
|
||
use: ['style-loader', 'css-loader']
|
||
},
|
||
{
|
||
test: /\.less$/,
|
||
use: ['style-loader', 'css-loader', 'less-loader']
|
||
},
|
||
{
|
||
test: /\.(gif|png|jpeg|eot|woff|ttf|svg|pdf)$/,
|
||
use: ['file-loader']
|
||
}
|
||
]
|
||
},
|
||
resolve: {
|
||
extensions: ['.tsx', '.ts', ".js"],
|
||
alias: {
|
||
'vue$': 'vue/dist/vue.esm.js'
|
||
}
|
||
},
|
||
optimization: {
|
||
minimize: true,
|
||
minimizer: [
|
||
new TerserPlugin({
|
||
terserOptions: {
|
||
ecma: 5,
|
||
parse: {},
|
||
warnings: false,
|
||
keep_classnames: true,
|
||
keep_fnames: true,
|
||
compress: {
|
||
drop_console: true,
|
||
drop_debugger: true,
|
||
pure_funcs: ['console.log'] // 移除console
|
||
},
|
||
|
||
},
|
||
extractComments: false
|
||
}),
|
||
]
|
||
},
|
||
performance: {
|
||
hints: 'warning',
|
||
//入口起点的最大体积 整数类型（以字节为单位）
|
||
maxEntrypointSize: 50000000,
|
||
//生成文件的最大体积 整数类型（以字节为单位 300k）
|
||
maxAssetSize: 30000000,
|
||
//只给出 js 文件的性能提示
|
||
assetFilter: function (assetFilename) {
|
||
return assetFilename.endsWith('.css') || assetFilename.endsWith('.js');
|
||
}
|
||
},
|
||
plugins: [
|
||
new htmlWebpackPlugin({
|
||
template: './src/index.html',
|
||
filename: 'index.html',
|
||
inject: 'body',
|
||
chunks: ['designer']
|
||
}),
|
||
new htmlWebpackPlugin({
|
||
template: './src/preview.html',
|
||
filename: 'preview.html',
|
||
inject: 'body',
|
||
chunks: ['preview']
|
||
}),
|
||
],
|
||
externals: {
|
||
jquery: "$",
|
||
lodash: "_",
|
||
echarts: "echarts",
|
||
}
|
||
} |