vue-cli打包
1.要是项目直接放网站根目录 直接
? 修改:config/index.js
? 修改:config/index.js
build/webpack.prod.conf.js
[id]:懒加载编号
[hash] 随机码(项目正式上线可删除)
hash 随机码
npm run build2.放到指定目录
? 修改:config/index.js
build: {3.放任意目录
env: require('./prod.env'),
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/XXX/', // 项目发布的目录
...
},
? 修改:config/index.js
build: {4.修改js/css打包名称
env: require('./prod.env'),
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
...
},
build/webpack.prod.conf.js
output: {[name]:名称
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[hash].js'),
chunkFilename: utils.assetsPath('js/[id].[hash].js')
},
[id]:懒加载编号
[hash] 随机码(项目正式上线可删除)
new ExtractTextPlugin({name:名称
filename: utils.assetsPath('css/[name][hash].css')
}),
hash 随机码