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

Posted ting-log

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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"

}]]

 

以上是关于webpack配置vue项目 引入和部分引入的主要内容,如果未能解决你的问题,请参考以下文章

webpack打包vue项目,可修改配置文件

基于webpack的构建方案引入vue后的相关配置

vue项目引入less

引入typescript踩坑计

在webpack开发中引入第三方插件(vue项目)完善ing...

Vue项目中通过CDN引入文件并使用