vue-cli打包

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

0 个评论

要回复文章请先登录注册