脚本宝典收集整理的这篇文章主要介绍了vue-cli中一些webpack的配置总结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
npm run build --report
proxyTable: {
'/api/**': {
target: 'http://www.xxx.com', // 你接口的域名
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
}
}
1:安装less的loader:npm install less less-loader --save-dev
1: 在webpack.base.conf.js搜索resolve,在alias对象里面配置。
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': resolve('src'),
'common': resolve('src/common'),
'components': resolve('src/components'),
'base': resolve('src/base'),
'api': resolve('src/api')
}
}
2: 在组建里面使用就不用使用相对路径一直向上找了
// 组件里面使用例子
import Scroll from 'base/scroll/scroll';
import {prefixStyle} from 'common/js/dom';
import {getRecommend, getDiscList} from 'api/recommend'
在根目录的config文件下面找的index.js文件,修改bulid下面的配置assetsPublicPath,在/前面加一个.
assetsPublicPath: './',
在根目录的config文件下面找的index.js文件,修改bulid下面的配置productionSourceMap为false
productionSourceMap: false,
以上是脚本宝典为你收集整理的vue-cli中一些webpack的配置总结全部内容,希望文章能够帮你解决vue-cli中一些webpack的配置总结所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。