想在已建立的Vue工程裏引入vux組件

時間 2020-05-07

標籤想在建立 vue 工程引入 vux 組件简体版

原文原文鏈接

<1>. 在項目裏安裝vuxvue

　　npm install vux --savewebpack

<2>. 安裝vux-loader （這個vux文檔彷佛沒介紹，當初沒安裝結果報了一堆錯誤）web

　　npm install vux-loader --save-devvue-cli

<3>. 安裝less-loader （這個是用以正確編譯less源碼，不然會出現 ' Cannot GET / '）npm

　　npm install less less-loader --save-devless

<4>. 安裝yaml-loader (以正確進行語言文件讀取, 我沒安裝彷佛也沒報錯)ui

　　npm install yaml-loader --save-devspa

<5>. 在build/webpack.base.conf.js 文件進行配置.net

　　const vuxLoader = require('vux-loader')code

　　const webpackConfig = originalConfig

　　// 原來的 module.exports 代碼賦值給變量 webpackConfig，

　　//即將原來的module.exports 改成 const webpackConfig

　　module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

摘自：http://www.jb51.net/article/113003.htm

Vue中使用vux的配置，分爲兩種狀況：

1、根據vux文檔直接安裝，無需手動配置

 
         npm install vue-cli -g   
         // 若是還沒安裝 
        
         vue init airyland/vux2 my-project   
         // 建立名爲 my-project 的模板 
        
         cd my-project   
         // 進入項目 
        
         npm install --registry=https: 
         //registry.npm.taobao.org  // 開始安裝 
        
         npm run dev   
         // 運行項目

2、想在已建立的Vue工程裏引入vue組件

<1>. 在項目裏安裝vux

1	`npm install vux --save`

<2>. 安裝vux-loader （這個vux文檔彷佛沒介紹，當初沒安裝結果報了一堆錯誤）

1	`npm install vux-loader --save-dev`

<3>. 安裝less-loader （這個是用以正確編譯less源碼，不然會出現 ' Cannot GET / '）

1	`npm install less less-loader --save-dev`

<4>. 安裝yaml-loader (以正確進行語言文件讀取, 我沒安裝彷佛也沒報錯)

1	`npm install yaml-loader --save-dev`

<5>. 在build/webpack.base.conf.js 文件進行配置

 
         const vuxLoader = require( 
         'vux-loader' 
         ) 
        
         const webpackConfig = originalConfig 
        
         // 原來的 module.exports 代碼賦值給變量 webpackConfig， 
        
         //即將原來的module.exports 改成 const webpackConfig 
        
         module.exports = vuxLoader.merge(webpackConfig, { plugins: [ 
         'vux-ui' 
         ] })

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。