码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-06-14 11:19:01      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:成功   pom   loader   library   one   install   bsp   def   json   

引入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项目 引入和部分引入

标签:成功   pom   loader   library   one   install   bsp   def   json   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!