vue 打包

最新推荐文章于 2025-01-06 13:58:48 发布

原创最新推荐文章于 2025-01-06 13:58:48 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

VUE 专栏收录该内容

26 篇文章

订阅专栏

文章详细描述了如何在webpack配置文件中处理多级路径，特别是在`config/index.js`和`build/utils.js`中设定`index.html`的位置，`assetsRoot`,`assetsSubDirectory`以及`publicPath`等关键路径参数。同时，文章还讲解了如何在使用ExtractTextPlugin时设置`publicPath`来正确处理背景图片路径。

多级路径
config/index.js
build: {

index: path.resolve(__dirname, '../appweb/frReport/index.html'),

// Paths
assetsRoot: path.resolve(__dirname, '../appweb/frReport'),
assetsSubDirectory: 'static',
assetsPublicPath: './',

背景图片路径
build/utils.js
加上 publicPath: ‘…/…/’

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }