乐趣区

webpack

webpack

时间
note – 11.15
webpack.config.js – 32.28 33.00
package.json –

其余
更改配置文件名 – npx webpack — config webpack.config.my.js
本地服务 – yarn add webpack-dev-server -D 27.46
生成模版 – yarn add html-webpack-plugin -D 32.05

dev – 写到内存中·静态服务

css

css 模块引入
css-loader – 43.30 – @import
yarn add css-loader style-loader -D

style-loader – 放在 style 标签中

less – 49.10 yarn add

sass
stylus 49.40

min-css-extract-pulgin – 51.52 抽离样式 需要自己压缩文件 -
增加浏览器前缀 – postcss-loader – 56.25 58.59

npm install –save-dev postcss-loader autoprefix
npm install –save-dev terser-webpack-plugin
npm install –save-dev optimize-css-assets-webpack-plugin
npm install –save-dev mini-css-extract-plugin

  • OptimizeCSSAssetsPlugin 压缩 css 没有成功
  • postcss 增加前缀失败

看这种视频 感觉不能光看 应该跟着一起操作应该会更投入·同时做好笔记

7 js es6

01.4.30
05.40
07.30
07.47
08.20
09.34

yarn add babel-loader @babel/core @babel/preset-env -D
https://babeljs.io/docs/en/ba…(js 打包)

eslint

Error: Cannot find module ‘eslint/lib/formatters/stylish’
未解决

退出移动版