webpack配置vue项目 引入和部分引入

引入css                  css-loader          

样式style                style-loader(备注:style-loader与css-loader 引入顺序必须为style!css否则引入的file-loader中的@符号无法编译成功)

字体图标                file-loader

使用less时,需下载:

    less

    less-loader

vue中的main.js   入口文件

全部引入element-UI

import ElementUI from 'element-ui'(备注此处的'element-ui',为packjson中的开发依赖);

import 'element-ui/lib-theme-default/index.css'//引入饿了么UI样式

部分引入

  1、备注:部分引入时,需下载babel-plugin-component    

  cpom install babel-plugin-component -D

  2、babelrc文件里面新增一个配置

    “plugin”:[["component"],[{

              "libraryName":"element-ui",

              "styleLibraryName":"theme-default"

}]]

猜你喜欢

转载自www.cnblogs.com/Ting-log/p/9181334.html