iview的使用入門


(1)在git bash中安裝iview,即:

npm install iview --save

(2)在main.js中引用並注冊iView,即:

import iView from 'iview'
import 'iview/dist/styles/iview.css'

Vue.use(iView)

(3)為了統一IView標簽的書寫規范,通過安裝iView Loader,即:

npm install iview-loader --save

然后修改webpack選項,如下:

 1 rules: [
 2    ...(config.dev.useEslint ? [createLintingRule()] : []),
 3    {
 4      test: /\.vue$/,
 5      use: [
 6        {
 7          loader: 'vue-loader',
 8          options: vueLoaderConfig
 9        },
10        {
11          loader: 'iview-loader',
12          options: {
13              prefix: false
14          }
15        }
16      ]
17      
18    },
19    {
20      test: /\.js$/,
21      loader: 'babel-loader',
22      include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
23 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM