loder下面的配置,其中
exclude: //表示排除和过滤
include: //表示需要处理的
打包时候的处理
找到脚手架config下的build
assetsSubDirectory: '', // 表示静态资源与html之间存放的位置
assetsPublicPath: './', // index.html中的时候就会带上这里的发布路径
关于每次打包都会引起js的hash值发生变化,导致js文件变多的解决方法:
使用插件:clean-webpack-plugin 可以清空 dist 目录下的文件。
安装
cnpm install clean-webpack-plugin --save-dev
配置
箭头处是你需要配置的内容
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
->const CleanWebpackPlugin = require('clean-webpack-plugin' );
module.exports = {
条目:{
app:'。/ src / index.js',
print:'。/ src / print.js'
},
插件:[
- >新的CleanWebpackPlugin(['dist']),
新的HtmlWebpackPlugin({
title:'输出管理'
})
],
输出:{
filename:'[name] .bundle.js',
path:path.resolve(__ dirname,'dist')
}
}; ```