webpack
极盗者
这个作者很懒,什么都没留下…
展开
-
webpack sourcemap补充
1.production 中devtool的默认值为none2.development中devtool的默认值为eval,eval函数的最后有注释,可以让我们在报错的时候追溯到哪个文件报错3.false 不使用sourcemap4.source-map,会生成一个独立的source-map文件,并且在bundle文件中有一个注释,直接指向source-map文件5.eval-source-map 将souce-map的内容直接生成到eval函数中6.inline-source-map source原创 2021-08-08 10:56:26 · 245 阅读 · 0 评论 -
(六)webpack 配置文件的分离
1.两种方式分离配置文件//法一:直接指定配置文件//package.json"scripts": { "serve": "webpack serve --open --config ./config/webpack.dev.js", "build":"webpack --config ./config/webpack.prod.js"}//法二:给一个配置文件传递参数//package.json"scripts": { "serve": "webpack serve --open原创 2021-07-18 00:19:48 · 399 阅读 · 0 评论 -
(三)webpack ESLint
1.什么是ESLint?2.安装使用ESLintnpm install eslint -dnpx eslint ./src/index.jsnpx eslint --init //开始eslint的配置原创 2021-07-15 10:27:52 · 86 阅读 · 0 评论 -
(二)webpack babel详解
1.安装npm install @babel/core -dnpm install @babel/cli -d2.使用npx babel src --out-dir result //指将src文件夹下文件用babel转化后放到result文件夹下3.使用插件npm install @babel/plugin-transform-arrow-functions -d //安装箭头函数转化插件npx babel src --out-dir result --plugins=@babel/p原创 2021-07-14 20:34:54 · 458 阅读 · 0 评论 -
(一)webpack初始化配置及loader,plugin的基本使用
1.webpack初始化npm install webpack -gnpm install webpack-cli -gnpm install webpack -dnpm install webpack-cli -d2.webpack打包规则在终端中输入webpack进行打包时,会自动去src/index.js位置找入口文件,找不到则会报错3.使用局部webpack打包方法首先得使用npm init 生成package.json文件再安装局部webpack:npm install原创 2021-07-13 17:01:58 · 507 阅读 · 0 评论