vue2@vue-cli@3的vue.config.js配置环境变量和配置jquery
这个文件配置项是我结合了多个大神的设置和官方文档想出来的即配置了jquery也配置了区分生产环境和开发环境的变量,但是变量还没有试过,项目就被别人接手了,在最后一周里我新开发了另一个模块,周六项目一上线就被通知over了,其实有点冤,但怎么说呢,缘分尽了吧…这两天正好可以进来整理整理写写东西…const webpack = require('webpack');module.exports =..
·
这个文件配置项是我结合了多个大神的设置和官方文档想出来的即配置了jquery也配置了区分生产环境和开发环境的变量,但是变量还没有试过,项目就被别人接手了,在最后一周里我新开发了另一个模块,周六项目一上线就被通知over了,其实有点冤,但怎么说呢,缘分尽了吧…这两天正好可以进来整理整理写写东西…
const webpack = require('webpack');
module.exports = {
// cli3 代理是从指定的target后面开始匹配的,不是任意位置;配置pathRewrite可以做替换
runtimeCompiler: true,
publicPath: './', // 设置打包文件相对路径
devServer: {
port:8080,
host:"0.0.0.0",
proxy: {
'/api': {
target: 'http://192.168.1.223:8081',
changeOrigin: true,
pathRewrite: {
"^/api":""
}
},
'/bpi': {
target: 'http://192.168.1.223:7001/map-server-front',
changeOrigin: true,
pathRewrite: {
"^/bpi":""
}
}
}
},
configureWebpack:config=> {
if (process.env.NODE_ENV === 'production') {
// 为生产环境修改配置...
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production'),
__DEV__: false
})
return {
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
],
}
} else {
// 为开发环境修改配置...
new webpack.DefinePlugin({
__DEV__: true
})
return {
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
],
}
}
// __DEV__: process.env.NODE_ENV === 'production' ? false:true
},
pluginOptions: {
// ...
},
}
更多推荐
已为社区贡献5条内容
所有评论(0)