1.设置src为@,在webpack.base.conf.js中修改resolve中的alias
resolve: {
extensions: ['.js', '.vue', '.json','.scss'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
2.设置打包图片限制大小,在webpack.base.conf.js中修改resolve中的module中的limit
module: {
rules: [
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
]}
3.修改生产环境去掉console和debugger,在webpack.prod.conf.js中修改如下
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true,
drop_console: true//去除console.log和debugger
}
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),