在vue.config.js文件中定义的配置信息
const version = new Date().getTime()
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
configureWebpack: {
output: {
// 输出重构 打包编译后的 文件名称 【模块名称.版本号】
filename: js/[name].${version}.js,
chunkFilename: js/[name].${version}.js
},
plugins: [
new MiniCssExtractPlugin({
// 修改打包后css文件名
filename: css/[name].${version}.css,
chunkFilename: css/[name].${version}.css
})
]
},
// 修改打包后img文件名
chainWebpack: config => {
config.module
.rule("images")
.use("url-loader")
.tap(options => {
options.name = img/[name].${version}.[ext];
options.fallback = {
loader: "file-loader",
options: {
name: img/[name].${version}.[ext]
}
};
return options;
});
},
};
暂时只验证了js和css有效，图片打包会出错
