首页 > Web开发 > 详细

Vue之webpack打包

时间:2020-02-26 18:14:43      阅读:50      评论:0      收藏:0      [点我收藏+]

第一次打包,还成功了,可能也是运气问题吧,因为自己在百度的时候发现很多人都打包有问题,现在我就讲述下我的打包配置

1、第一步,在build/utils.js中添加:publicPath:"../../", 如下所示:

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

2、第二步,在config/index.js文件中修改下assetsSubDirectory和assetsPublicPath的值,具体如下:

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

    // Paths
    assetsRoot: path.resolve(__dirname, ‘../dist‘),
    assetsSubDirectory: ‘./static‘,
    assetsPublicPath: ‘./‘,

3、在命令行中输入 npm run build,出现dist目录,并出现如下日志,则成功

  Build complete.

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won‘t work.

4、运行dist中的index.html,可以访问,就可以了,说明没有问题了。

 

Vue之webpack打包

原文:https://www.cnblogs.com/ywjfx/p/12367616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!