126 lines
3.9 KiB
JavaScript
126 lines
3.9 KiB
JavaScript
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|||
|
|
const AWSDevParams = require('./AWSDevParams');
|
|||
|
|
const AWSReleasePath = AWSDevParams.AWSReleasePath;
|
|||
|
|
const AWSPortalUrl = AWSDevParams.AWSPortalUrl;
|
|||
|
|
//开发时通过用户名及密码获取sessionId
|
|||
|
|
const devUserInfo =AWSDevParams.devUserInfo;
|
|||
|
|
const AWSproxyPath = "/AWSDEVURL/r/"; //防止跨域的地址
|
|||
|
|
|
|||
|
|
const moduleTemplateInAWS = AWSDevParams.moduleTemplateInAWS;//平台的模板路径
|
|||
|
|
const outputDir = AWSDevParams.outputDir;
|
|||
|
|
const publicPath = AWSDevParams.publicPath;//决定生成在平台的js或css的相对路径,与build配置的路径要对应
|
|||
|
|
|
|||
|
|
//判断是否开发
|
|||
|
|
const isproduction = process.env.NODE_ENV === 'production';
|
|||
|
|
//开发时路径和build到平台路径
|
|||
|
|
let AWSJSAndCSSPath = isproduction ? "../" : AWSproxyPath.replace("r/","");
|
|||
|
|
let AWSJSAndCSSImport = AWSDevParams.AWSJSAndCSSImport == null ? [] : AWSDevParams.AWSJSAndCSSImport;
|
|||
|
|
let AWSJSAndCSSImportArray = [];
|
|||
|
|
for(let k of AWSJSAndCSSImport){
|
|||
|
|
if(k.type == "css"){
|
|||
|
|
AWSJSAndCSSImportArray.push("<link type='text/css' rel='stylesheet' href='"+AWSJSAndCSSPath + k.path +"'/>");
|
|||
|
|
}else if(k.type == "js"){
|
|||
|
|
AWSJSAndCSSImportArray.push("<script type='text/javascript' src='"+AWSJSAndCSSPath + k.path + "'></script>");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const getAWSFileRelativePath = ()=>{
|
|||
|
|
let index = "./";
|
|||
|
|
if(isproduction){
|
|||
|
|
index = publicPath;
|
|||
|
|
}
|
|||
|
|
return index;
|
|||
|
|
}
|
|||
|
|
const getIndexPath = ()=>{
|
|||
|
|
let index = "index.html";
|
|||
|
|
if(isproduction){
|
|||
|
|
index = AWSReleasePath+moduleTemplateInAWS;
|
|||
|
|
}
|
|||
|
|
return index;
|
|||
|
|
}
|
|||
|
|
module.exports = {
|
|||
|
|
// 基本路径 build后文件路径../apps/_bpm.platform/test2 ，开发运行时文件路径./
|
|||
|
|
publicPath: getAWSFileRelativePath(),
|
|||
|
|
|
|||
|
|
//生成入口的html文件位置
|
|||
|
|
indexPath: getIndexPath(),
|
|||
|
|
|
|||
|
|
outputDir : AWSReleasePath+outputDir,
|
|||
|
|
|
|||
|
|
// eslint-loader 是否在保存的时候检查
|
|||
|
|
lintOnSave: true,
|
|||
|
|
|
|||
|
|
productionSourceMap: false, //打包不使用源码（false后在平台无法调试）
|
|||
|
|
// use the full build with in-browser compiler?
|
|||
|
|
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
|
|||
|
|
// compiler: false,
|
|||
|
|
// webpack配置
|
|||
|
|
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
|
|||
|
|
chainWebpack: (config) => {
|
|||
|
|
config.plugin('html')
|
|||
|
|
.tap(args => {
|
|||
|
|
let buildVar = args[0];
|
|||
|
|
buildVar.AWSJSAndCSSImport = AWSJSAndCSSImportArray.join("\n");
|
|||
|
|
debugger
|
|||
|
|
buildVar.AWSJSAndCSSPath = AWSJSAndCSSPath;
|
|||
|
|
buildVar.devUserInfo = devUserInfo;
|
|||
|
|
buildVar.isproduction = isproduction;
|
|||
|
|
buildVar.axiosBaseUrl = isproduction ? "./" : AWSproxyPath;
|
|||
|
|
buildVar.settingParam = isproduction ? "<#settingParam>" : "{}";
|
|||
|
|
return args;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
configureWebpack: config => {
|
|||
|
|
config.entry.app=["babel-polyfill","./src/main.js"];
|
|||
|
|
if (isproduction) {
|
|||
|
|
// 为生产环境修改配置...
|
|||
|
|
config.mode = 'production'
|
|||
|
|
} else {
|
|||
|
|
// 为开发环境修改配置...
|
|||
|
|
config.mode = 'development'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
devServer: {
|
|||
|
|
proxy: {
|
|||
|
|
//配置跨域
|
|||
|
|
"/AWSDEVURL": {
|
|||
|
|
target: AWSPortalUrl,
|
|||
|
|
ws: true,
|
|||
|
|
changOrigin: true, //允许跨域
|
|||
|
|
pathRewrite: {
|
|||
|
|
"^/AWSDEVURL": "" //请求的时候使用这个URL就可以
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// css相关配置
|
|||
|
|
css: {
|
|||
|
|
loaderOptions: {}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 是否启用dll
|
|||
|
|
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
|
|||
|
|
// dll: false,
|
|||
|
|
// PWA 插件相关配置
|
|||
|
|
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
|
|||
|
|
pwa: {},
|
|||
|
|
|
|||
|
|
// webpack-dev-server 相关配置
|
|||
|
|
// devServer: {
|
|||
|
|
// open: process.platform === 'darwin',
|
|||
|
|
// disableHostCheck: true,
|
|||
|
|
// host: 'www.test.com',//如果是真机测试，就使用这个IP
|
|||
|
|
// port: 1234,
|
|||
|
|
// https: false,
|
|||
|
|
// hotOnly: false,
|
|||
|
|
// before: app => {}
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// 第三方插件配置
|
|||
|
|
pluginOptions: {
|
|||
|
|
},
|
|||
|
|
transpileDependencies: ["*"]
|
|||
|
|
}
|