当前位置:   article > 正文

vue2.0 项目打包上线,自定义打包配置_vue2配置一个新的打包方式

vue2配置一个新的打包方式

vue实际开发项目中,默认的打包可能不符合我们的设计,这时候就需要我们进行自定义了

1.找到/vue.config.js文件,修改module.exports配置

  1. const {
  2. defineConfig
  3. } = require('@vue/cli-service')
  4. module.exports = defineConfig({
  5. //在项目配置的时候,默认 npm 包导出的是运行时构建,即 runtime 版本,不支持编译 template 模板
  6. runtimeCompiler: true,
  7. //关闭eslint校验
  8. lintOnSave: false,
  9. //webpack配置
  10. configureWebpack: {
  11. //关闭 webpack 的性能提示
  12. performance: {
  13. hints: false
  14. },
  15. },
  16. transpileDependencies: true,
  17. // index.html的路径
  18. indexPath: '../index.html',
  19. //默认输出文件夹为dist,我们也可以去修改他
  20. outputDir: '../public/myDist3',
  21. //将css,js和img静态资源文件夹放在同一个文件夹中
  22. assetsDir: 'assets',
  23. //打包后静态资源加前缀,index.html中引用资源的前缀
  24. publicPath: '/myDist3',
  25. //在实际开发过程中,前后端分离必定会存在跨域,设置代理
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/258623
推荐阅读
相关标签
  

闽ICP备14008679号