最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue-cli3項目配置Vue.config.js實戰(zhàn)記錄

 更新時間:2018年07月29日 15:14:49   作者:漫道求索  
這篇文章主要給大家介紹了關于Vue-cli3項目配置Vue.config.js的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

Vue-cli3 搭建的項目 界面想對之前較為簡潔

之前的build和config文件夾不見了,那么應該如何配置 如webpack等的配那只需要在項目的根目錄下vue.config.js
文件(是根目錄,不是src目錄

語法

module.exports = {
 // 基本路徑
 baseUrl: '/',
 // 輸出文件目錄
 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
 compiler: 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: {},
 // 生產(chǎn)環(huán)境是否生成 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: process.platform === 'darwin',
 host: '0.0.0.0',
 port: 8080,
 https: false,
 hotOnly: false,
 proxy: null, // 設置代理
 before: app => {}
 },
 // 第三方插件配置
 pluginOptions: {
 // ...
 }
}

舉例

上圖內(nèi)容做了兩塊內(nèi)容,經(jīng)測試沒有問題

1.將啟動端口設置為 8080

2.設置路徑別名

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關文章

  • 詳解Vue 全局變量,局部變量

    詳解Vue 全局變量,局部變量

    這篇文章主要介紹了Vue全局變量局部變量,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • vue中v-if失效原因及解決方法

    vue中v-if失效原因及解決方法

    本文主要介紹了vue中v-if失效原因及解決方法,一般v-if失效都是和綁定變量有關,下面就來具體介紹一下,感興趣的可以了解一下
    2023-09-09
  • Vue中的路由導航守衛(wèi)導航解析流程

    Vue中的路由導航守衛(wèi)導航解析流程

    這篇文章主要介紹了Vue中的路由導航守衛(wèi)導航解析流程,正如其名,vue-router 提供的導航守衛(wèi)主要用來通過跳轉(zhuǎn)或取消的方式守衛(wèi)導航。這里有很多方式植入路由導航中:全局的,單個路由獨享的,或者組件級的
    2023-04-04
  • 在vue中使用防抖和節(jié)流,防止重復點擊或重復上拉加載實例

    在vue中使用防抖和節(jié)流,防止重復點擊或重復上拉加載實例

    今天小編就為大家分享一篇在vue中使用防抖和節(jié)流,防止重復點擊或重復上拉加載實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • 簡單談談vue的過渡動畫(推薦)

    簡單談談vue的過渡動畫(推薦)

    下面小編就為大家?guī)硪黄唵握務剉ue的過渡動畫(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • Vue中在新窗口打開頁面及Vue-router的使用

    Vue中在新窗口打開頁面及Vue-router的使用

    這篇文章主要介紹了Vue中在新窗口打開頁面 及 Vue-router的使用,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-06-06
  • vue父組件觸發(fā)事件改變子組件的值的方法實例詳解

    vue父組件觸發(fā)事件改變子組件的值的方法實例詳解

    這篇文章主要介紹了vue父組件觸發(fā)事件改變子組件的值的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05
  • vue+tp5實現(xiàn)簡單登錄功能

    vue+tp5實現(xiàn)簡單登錄功能

    這篇文章主要為大家詳細介紹了vue+tp5實現(xiàn)簡單登錄功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • Vue組件的Prop命名約定詳解

    Vue組件的Prop命名約定詳解

    這篇文章主要為大家介紹了Vue組件的Prop命名約定詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08
  • 在vue中完美使用ueditor組件(cdn)解讀

    在vue中完美使用ueditor組件(cdn)解讀

    這篇文章主要介紹了在vue中完美使用ueditor組件(cdn)解讀,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01

最新評論

栾川县| 庆阳市| 龙川县| 江口县| 宕昌县| 万荣县| 南木林县| 光山县| 增城市| 辛集市| 黑龙江省| 武义县| 基隆市| 酒泉市| 乾安县| 桃江县| 三亚市| 保德县| 突泉县| 浙江省| 报价| 罗甸县| 海伦市| 台北市| 昌都县| 嘉义县| 武山县| 通州区| 玛曲县| 察哈| 福建省| 双柏县| 百色市| 集贤县| 花莲县| 宜丰县| 扶沟县| 福安市| 邯郸县| 信宜市| 将乐县|