在vue.config.js文件中定義的配置信息
const version = new Date().getTime()
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
configureWebpack: {
output: {
// 輸出重構(gòu) 打包編譯后的 文件名稱 【模塊名稱.版本號(hào)】
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;
});
},
};
暫時(shí)只驗(yàn)證了js和css有效柑爸，圖片打包會(huì)出錯(cuò)
