vue-cli2打包配置问题

最新推荐文章于 2025-02-13 09:30:28 发布

原创最新推荐文章于 2025-02-13 09:30:28 发布 · 610 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文探讨了如何在Vue CLI 2项目中修改build配置，重点涉及utils.js中的publicPath设置，以及webpack.prod.conf.js中output.publicPath的调整，同时介绍了config/index.js中相关资产路径的配置。

vue-cli2打包的配置问题

1. bulid文件夹下utils.js，
在这里插入图片描述

publicPath: '../../'

2. build/webpack.prod.conf.js

output: {
    publicPath: './', //添加的代码
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },

3. config/index.js

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './', //改成'./'