vue-cli脚手架項目引入elmentUI

如何引入element-ui

第一步在項目所在目錄安裝elementUI

npm install element-ui或者cnpm install element-ui

安裝成功后,在項目的package.json會有


image.png

説明安裝成功!!!!!!!!

第二步在項目目錄下安装 loader 模块
cnpm install style-loader 
cnpm install css-loader 
cnpm install url-loader

如果沒有安裝成功,使用

npm install style-loader 
npm install css-loader
npm install url-loader
第三步在 main.js 中引入
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
第四步配置webpack.base.conf.js中添加
{
      test: /\.css$/,
      loader: 'style-loader!css-loader',
      exclude: /node_modules/
    },
    {
      test: /\.(woff|svg|eot|ttf)\??.*$/,
      loader: 'url-loader'
    }

vue按需引入element-ui,大神的筆記

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容