mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-04-06 03:57:50 +08:00
37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
### <span id="base">✅ Webpack 4 vue.config.js 基础配置 </span>
|
||
|
||
如果你的 `Vue Router` 模式是 hash
|
||
|
||
```javascript
|
||
publicPath: './',
|
||
```
|
||
|
||
如果你的 `Vue Router` 模式是 history 这里的 publicPath 和你的 `Vue Router` `base` **保持一直**
|
||
|
||
```javascript
|
||
publicPath: '/app/',
|
||
```
|
||
|
||
```javascript
|
||
const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
|
||
|
||
module.exports = {
|
||
publicPath: './', // 署应用包时的基本 URL。 vue-router hash 模式使用
|
||
// publicPath: '/app/', // 署应用包时的基本 URL。 vue-router history模式使用
|
||
outputDir: 'dist', // 生产环境构建文件的目录
|
||
assetsDir: 'static', // outputDir的静态资源(js、css、img、fonts)目录
|
||
lintOnSave: !IS_PROD,
|
||
productionSourceMap: false, // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
|
||
devServer: {
|
||
port: 9020, // 端口号
|
||
open: false, // 启动后打开浏览器
|
||
overlay: {
|
||
// 当出现编译器错误或警告时，在浏览器中显示全屏覆盖层
|
||
warnings: false,
|
||
errors: true,
|
||
},
|
||
// ...
|
||
},
|
||
}
|
||
```
|