美文网首页
Vue-cli中的webpack

Vue-cli中的webpack

作者: skoll | 来源:发表于2020-05-28 15:49 被阅读0次

    简介

    1 .没有webpack配置,而是由一个vue.config.js文件来满足我们对封装的webpack默认配置的修改

    常用配置

    1 .outputDir

    1 .npm run build 生成生产环境构建文件的目录
    outputDir: 'output'
    会打包到output文件下
    

    2 .productionSourceMap

    1 .生产环境下构建source map的方式
    

    3 .publicPath:部署应用时的基本URL

    1 .默认值时/
    2 .基本地址是http://www.test.com,如果想要部署到http://www.test.com/my-app/
    3 .就需要 publicPath:/my-app/
    

    4 .configureWebpack

    1 .可以对原来的配置进行整体的替换和修改
    // vue.config.js
    module.exports = {
      ...
      // config 参数为已经解析好的 webpack 配置
      configureWebpack: config => {
        // config.plugins = []; // 这样会直接将 plugins 置空
        // 使用 return 一个对象会通过 webpack-merge 进行合并,plugins 不会置空
        return {
          plugins: []
        }
      }
      ...
    }
    

    5 .devServer

    1 .用于配置webpack-dev-server的操作
    

    相关文章

      网友评论

          本文标题:Vue-cli中的webpack

          本文链接:https://www.haomeiwen.com/subject/cfraahtx.html