vue.js 中 安装loader
前言wabpack 能过解决js的一些兼容问题,比如浏览器它不能识别一些高级的语法,先ES6/ES7这一类型的,webpack它能将这些语法转成浏览器能够解析识别的语法。但是webapack默认只能打包JS类型的文件,像css类型的文件无法识别。vue项目手动安装第三方loader加载器解析css类型文件npm i style-loader css-loader -Dnpm i less...
·
前言
webapack默认只能打包JS类型的文件,像css类型的文件无法识别。
vue项目手动安装第三方loader加载器解析css类型文件
安装自己想要的loader
- npm i style-loader css-loader -D
- npm i less-loader less -D
- npm i sass-loadess node-sass -D
安装好自己想要的loader后,找到build文件夹下的webpack.base.conf.js
在webpack.base.conf.js中找到module下的rules以数组的形式添加如下
分享个人经验:
我个人做vue项目喜欢用一些第三方库,比如mui,mint-ui这些,因为用这些做项目会快很多,我相信大家也是这样做,但是这样做多了容易忘记一些原生的代码,我就是用多了,然后面试的时候,面试官问一些简单的问题没答上来,非常的尴尬,也导致自己失去了一些很好的机会,希望大家用第三方库的时候能够多去看看比如已经封装好的代码,这样可以增进自己的代码记忆,还可以学习一些用名规范,让自己的代码写的更加的简介,在出现BUG的时候修复也会更加方便一些。
更多推荐
已为社区贡献1条内容
所有评论(0)