2023-5-9 webpack (eslint, .vue文件)

张志明456
43 阅读1分钟

image.png

如果是我们手动搭建的webpack那么需要手动安装eslint,如果是脚手架则会自动安装

image.png

生成eslint配置文件

image.png

image.png

image.png

把no-unused-vars关闭掉

也可以跟对应数字(0代表off,1代表warn,2代表error)

image.png

我们也可以借助eslint-loader，在匹配上js的时候进行代码规范检测

image.png

加载vue文件:

image.png

安装vue

image.png

image.png

创建.vue文件，并挂载到#app上

image.png

安装vue-loader和vue-template-compiler用于处理.vue文件和template模板语法

image.png

image.png

image.png

在使用vue-loader的时候必须使用到VueLoaderPlugin(官方要求)

avatar
文章
阅读
粉丝