113 lines
4.3 KiB
JavaScript
113 lines
4.3 KiB
JavaScript
const path = require("path");
|
|
function resolve(dir) {
|
|
return path.join(__dirname, dir);
|
|
}
|
|
|
|
const isDev = process.env.NODE_ENV !== "production";
|
|
|
|
module.exports = {
|
|
publicPath: "./", //部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)
|
|
outputDir: "dist", //运行时生成的生产环境构建文件的目录(默认'dist'，构建之前会被清除)
|
|
assetsDir: "", //静态资源目录(js、css、img、fonts)，相对outputDir的目录(默认'')
|
|
indexPath: "index.html", //指定生成index.html的输出路径(相对outputDir)也可以是绝对路径
|
|
lintOnSave: false, //是否开启ESlint（保存时检查）
|
|
configureWebpack: {
|
|
//配置路径
|
|
resolve: {
|
|
alias: {
|
|
"@": resolve("/src"),
|
|
"@assets": resolve("/src/assets"),
|
|
"@public": resolve("/public")
|
|
},
|
|
extensions: [".js", ".json", ".css", ".scss", ".vue"]
|
|
},
|
|
externals: {
|
|
//采用地址栏的方式来引用
|
|
vue: "Vue",
|
|
axios: "axios"
|
|
}
|
|
// entry: {
|
|
// app: ["@babel/polyfill", "./src/main.js"],
|
|
// },
|
|
},
|
|
productionSourceMap: false, //生产环境是否生成 sourceMap 文件
|
|
pages: {
|
|
//pages里配置的路径和文件名在你的文档目录必须存在，否则启动服务会报错
|
|
index: {
|
|
//除了 entry 之外都是可选的
|
|
entry: "src/main.js", //page的主入口
|
|
template: "public/index.html", //模板来源
|
|
filename: "index.html", //在 dist/index.html 的输出
|
|
//title在template中使用：<title><%=htmlWebpackPlugin.options.title%></title>
|
|
title: "beschool",
|
|
chunks: ["chunk-vendors", "chunk-common", "index"]
|
|
// 在这个页面中包含的块，默认情况下会包含,提取出来的通用 chunk 和 vendor chunk
|
|
}
|
|
//subpage: 'src/main.js'
|
|
//官方解释：当使用只有入口的字符串格式时，模板会被推导为public/subpage.html
|
|
//若找不到就回退到public/index.html，输出文件名会被推导为subpage.html
|
|
},
|
|
css: {
|
|
extract: !isDev, //是否使用css分离插件 ExtractTextPlugin
|
|
sourceMap: isDev, //开启 CSS source maps
|
|
// modules: false, //启用CSS modules for all css / pre-processor files.
|
|
requireModuleExtension: true, //与modules相反
|
|
loaderOptions: {
|
|
//css预设器配置项
|
|
sass: {
|
|
// prependData: `@import "@assets/styles/varible.scss";`,
|
|
}
|
|
/* postcss: {
|
|
plugins: [
|
|
require('postcss-pxtorem')({
|
|
rootValue: 37.5, // 换算的基数
|
|
selectorBlackList: [], // 忽略转换正则匹配项
|
|
propList: ['*'],
|
|
}),
|
|
]
|
|
} */
|
|
}
|
|
},
|
|
|
|
devServer: {
|
|
//环境配置
|
|
host: "localhost",
|
|
port: 8088,
|
|
https: false, //是否开启https
|
|
hotOnly: true, //是否配置热更新
|
|
open: true, //配置自动启动浏览器
|
|
// 主题通道 dev 代理（A 类接入 §2.2 第一步）：
|
|
// 本地开发时 /static/* 兜到主题通道（默认线上通道），联调本地通道源可覆盖：
|
|
// YH_THEME_PROXY_TARGET=http://localhost:9527 npm run dev
|
|
// 生产与通道同源，不依赖本代理。
|
|
proxy: {
|
|
"/static": {
|
|
target: process.env.YH_THEME_PROXY_TARGET || "http://base.yunhaixingtong.com",
|
|
changeOrigin: true,
|
|
ws: true
|
|
}
|
|
// 原有业务接口代理示例（按需启用）：
|
|
// '/api': {
|
|
// target: 'http://basedebug.bestsch.com/BschHome',
|
|
// ws: true, //是否跨域
|
|
// changeOrigin: true,
|
|
// // pathRewrite: { '^/api': '' }
|
|
// }
|
|
},
|
|
overlay: {
|
|
//关闭eslint
|
|
warnings: false,
|
|
errors: false
|
|
}
|
|
},
|
|
pluginOptions: {
|
|
// 第三方插件配置
|
|
// ...
|
|
},
|
|
transpileDependencies: [
|
|
"view-design"
|
|
// "vue-grid-layout",
|
|
// "vue-grid-layout.common.js"
|
|
] //ie兼容相关
|
|
};
|