module.exports = {// 部署應(yīng)用時(shí)的基本 URL(從 Vue CLI 3.3 起已棄用，請(qǐng)使用publicPath。)baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080',// 部署應(yīng)用包時(shí)的基本 URL。用法和 webpack 本身的 output.publicPath 一致publicPath: '/',// build時(shí)構(gòu)建文件的目錄 構(gòu)建時(shí)傳入 --no-clean 可關(guān)閉該行為outputDir: 'dist',// build時(shí)放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對(duì)于 outputDir 的) 目錄assetsDir: '',// 指定生成的 index.html 的輸出路徑 (相對(duì)于 outputDir)。也可以是一個(gè)絕對(duì)路徑。indexPath: 'index.html',// 默認(rèn)在生成的靜態(tài)資源文件名中包含hash以控制緩存filenameHashing: true,// 構(gòu)建多頁(yè)面應(yīng)用，頁(yè)面的配置pages: {index: {// page 的入口entry: 'src/index/main.js',// 模板來(lái)源template: 'public/index.html',// 在 dist/index.html 的輸出filename: 'index.html',// 當(dāng)使用 title 選項(xiàng)時(shí)，// template 中的 title 標(biāo)簽需要是 <title><%= htmlWebpackPlugin.options.title %></title>title: 'Index Page',// 在這個(gè)頁(yè)面中包含的塊，默認(rèn)情況下會(huì)包含// 提取出來(lái)的通用 chunk 和 vendor chunk。chunks: ['chunk-vendors', 'chunk-common', 'index']},// 當(dāng)使用只有入口的字符串格式時(shí)，// 模板會(huì)被推導(dǎo)為 `public/subpage.html`// 并且如果找不到的話，就回退到 `public/index.html`。// 輸出文件名會(huì)被推導(dǎo)為 `subpage.html`。subpage: 'src/subpage/main.js'},// 是否在開(kāi)發(fā)環(huán)境下通過(guò) eslint-loader 在每次保存時(shí) lint 代碼 (在生產(chǎn)構(gòu)建時(shí)禁用 eslint-loader)lintOnSave: process.env.NODE_ENV !== 'production',// 是否使用包含運(yùn)行時(shí)編譯器的 Vue 構(gòu)建版本runtimeCompiler: false,// Babel 顯式轉(zhuǎn)譯列表transpileDependencies: [],// 如果你不需要生產(chǎn)環(huán)境的 source map，可以將其設(shè)置為 false 以加速生產(chǎn)環(huán)境構(gòu)建productionSourceMap: true,// 設(shè)置生成的 HTML 中 <link rel="stylesheet"> 和 <script> 標(biāo)簽的 crossorigin 屬性（注：僅影響構(gòu)建時(shí)注入的標(biāo)簽）crossorigin: '',// 在生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 標(biāo)簽上啟用 Subresource Integrity (SRI)integrity: false,// 如果這個(gè)值是一個(gè)對(duì)象，則會(huì)通過(guò) webpack-merge 合并到最終的配置中// 如果你需要基于環(huán)境有條件地配置行為，或者想要直接修改配置，那就換成一個(gè)函數(shù) (該函數(shù)會(huì)在環(huán)境變量被設(shè)置之后懶執(zhí)行)。該方法的第一個(gè)參數(shù)會(huì)收到已經(jīng)解析好的配置。在函數(shù)內(nèi)，你可以直接修改配置，或者返回一個(gè)將會(huì)被合并的對(duì)象configureWebpack: {},// 對(duì)內(nèi)部的 webpack 配置（比如修改、增加Loader選項(xiàng)）(鏈?zhǔn)讲僮?chainWebpack: () =>{},// css的處理css: {// 從 v4 起已棄用，請(qǐng)使用css.requireModuleExtension。 在 v3 中，這個(gè)選項(xiàng)含義與 css.requireModuleExtension 相反。modules: true,// 默認(rèn)情況下，只有 *.module.[ext] 結(jié)尾的文件才會(huì)被視作 CSS Modules 模塊。設(shè)置為 false 后你就可以去掉文件名中的 .module 并將所有的 *.(css|scss|sass|less|styl(us)?) 文件視為 CSS Modules 模塊。requireModuleExtension: true,// 是否將組件中的 CSS 提取至一個(gè)獨(dú)立的 CSS 文件中,當(dāng)作為一個(gè)庫(kù)構(gòu)建時(shí)，你也可以將其設(shè)置為 false 免得用戶自己導(dǎo)入 CSS// 默認(rèn)生產(chǎn)環(huán)境下是 true，開(kāi)發(fā)環(huán)境下是 falseextract: false,// 是否為 CSS 開(kāi)啟 source map。設(shè)置為 true 之后可能會(huì)影響構(gòu)建的性能sourceMap: false,//向 CSS 相關(guān)的 loader 傳遞選項(xiàng)(支持 css-loader postcss-loader sass-loader less-loader stylus-loader)loaderOptions: {css: {},less: {}}},// 所有 webpack-dev-server 的選項(xiàng)都支持devServer: {},// 是否為 Babel 或 TypeScript 使用 thread-loaderparallel: require('os').cpus().length > 1,// 向 PWA 插件傳遞選項(xiàng)pwa: {},// 可以用來(lái)傳遞任何第三方插件選項(xiàng)pluginOptions: {} }

總結(jié)

以上是生活随笔為你收集整理的vue-cli3.0之vue.config.js的配置项(注解)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。