曾經我們熟悉的build文件不見了,config文件也不見了,如果你用過vue之前的版本,那麼你一定會說,誒呦臥槽,老子怎麼配置相關文件。不要急不要慌,樓主給你解決辦法
第一步在項目的根目錄下創建vue.config.js文件
module.exports = {
// 基本路徑
publicPath: '/',//注意新版本這裏改成了publicpath
// 輸出文件目錄
outputDir: 'dist',
// eslint-loader 是否在保存的時候檢查
lintOnSave: true,
// use the full build with in-browser compiler?
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
runtimeCompiler: false,
// webpack配置
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
chainWebpack: () => {},
configureWebpack: () => {},
// vue-loader 配置項
// https://vue-loader.vuejs.org/en/options.html
// vueLoader: {},
// 生產環境是否生成 sourceMap 文件
productionSourceMap: true,
// css相關配置
css: {
// 是否使用css分離插件 ExtractTextPlugin
extract: true,
// 開啓 CSS source maps?
sourceMap: false,
// css預設器配置項
loaderOptions: {},
// 啓用 CSS modules for all css / pre-processor files.
modules: false
},
// use thread-loader for babel & TS in production build
// enabled by default if the machine has more than 1 cores
parallel: require('os').cpus().length > 1,
// 是否啓用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: true,//編譯項目瀏覽器自動打開
https: false,//是否啓動https訪問
port: 9909,//本地訪問端口號
disableHostCheck: true ,//允許外部訪問本地服務
proxy: {
"/": {
target: "http://118.25.82.97:3000/",//需要被代理服務器(後端服務器)
changeOrigin: true,
pathRewiter: {
"^/": "/"
}
},
},
before: app => {}
},
// 第三方插件配置
pluginOptions: {
// ...
}
}