码迷,mamicode.com
首页 > 其他好文 > 详细

记录一下,我的vue打包过程

时间:2020-03-22 01:34:42      阅读:59      评论:0      收藏:0      [点我收藏+]

标签:div   set   code   llb   ttext   als   配置   页面   hash   

首先是这里build\webpack.base.conf.js

output: {
    path: config.build.assetsRoot,
    filename: ‘[name].js‘,
    // publicPath: process.env.NODE_ENV === ‘production‘
    //   ? config.build.assetsPublicPath
    //   : config.dev.assetsPublicPath,
    publicPath: process.env.NODE_ENV === ‘production‘//这里
      ? ‘./‘ + config.build.assetsPublicPath
      : ‘./‘ + config.dev.assetsPublicPath
  },

然后是build\utils.js

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: ‘vue-style-loader‘,
        publicPath:‘../../‘//这里
      })

最后是这里build\webpack.prod.conf.js

 devtool: config.build.productionSourceMap ? config.build.devtool : false,
  output: {
    publicPath:‘./‘,//这里
    path: config.build.assetsRoot,
    filename: utils.assetsPath(‘js/[name].[chunkhash].js‘),
    chunkFilename: utils.assetsPath(‘js/[id].[chunkhash].js‘)
  },

然后运行npm run build,打包完成,也不会出现静态资源混乱的问题

但是配置完容易出现里面css混乱,串页面的问题,需要对照着打包出的文件与原项目修改,不断的更改和打包要吐了

记录一下,我的vue打包过程

标签:div   set   code   llb   ttext   als   配置   页面   hash   

原文地址:https://www.cnblogs.com/xymaxbf/p/12543551.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!