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

總結

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

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