import{_ as s,c as a,o as n,a as p}from"./app.2b769fcb.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"","slug":"\u2705-webpack-4-vue-config-js-\u57FA\u7840\u914D\u7F6E"}],"relativePath":"guide/vue2/base.md","lastUpdated":1661153879000}'),l={name:"guide/vue2/base.md"},o=p(`

\u2705 Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E

\u5982\u679C\u4F60\u7684 Vue Router \u6A21\u5F0F\u662F hash

javascript
publicPath: './',

\u5982\u679C\u4F60\u7684 Vue Router \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 Vue Router base \u4FDD\u6301\u4E00\u76F4

javascript
publicPath: '/app/',
javascript
const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)

module.exports = {
    publicPath: './', // \u7F72\u5E94\u7528\u5305\u65F6\u7684\u57FA\u672C URL\u3002 vue-router hash \u6A21\u5F0F\u4F7F\u7528
    //  publicPath: '/app/', // \u7F72\u5E94\u7528\u5305\u65F6\u7684\u57FA\u672C URL\u3002  vue-router history\u6A21\u5F0F\u4F7F\u7528
    outputDir: 'dist', //  \u751F\u4EA7\u73AF\u5883\u6784\u5EFA\u6587\u4EF6\u7684\u76EE\u5F55
    assetsDir: 'static', //  outputDir\u7684\u9759\u6001\u8D44\u6E90(js\u3001css\u3001img\u3001fonts)\u76EE\u5F55
    lintOnSave: !IS_PROD,
    productionSourceMap: false, // \u5982\u679C\u4F60\u4E0D\u9700\u8981\u751F\u4EA7\u73AF\u5883\u7684 source map\uFF0C\u53EF\u4EE5\u5C06\u5176\u8BBE\u7F6E\u4E3A false \u4EE5\u52A0\u901F\u751F\u4EA7\u73AF\u5883\u6784\u5EFA\u3002
    devServer: {
        port: 9020, // \u7AEF\u53E3\u53F7
        open: false, // \u542F\u52A8\u540E\u6253\u5F00\u6D4F\u89C8\u5668
        overlay: {
            //  \u5F53\u51FA\u73B0\u7F16\u8BD1\u5668\u9519\u8BEF\u6216\u8B66\u544A\u65F6\uFF0C\u5728\u6D4F\u89C8\u5668\u4E2D\u663E\u793A\u5168\u5C4F\u8986\u76D6\u5C42
            warnings: false,
            errors: true,
        },
        // ...
    },
}
`,6),e=[o];function c(t,r,D,y,F,C){return n(),a("div",null,e)}const u=s(l,[["render",c]]);export{i as __pageData,u as default};