首页 > Web开发 > 详细

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

时间:2018-06-14 10:54:38      阅读:219      评论:0      收藏:0      [点我收藏+]

引入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"

}]]

 

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

原文:https://www.cnblogs.com/Ting-log/p/9181334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!