前端
~~空言~~
这个作者很懒,什么都没留下…
展开
-
Webpack - DevServer 和 HMR
Webpack - DevServer 和 HMRWebpack - DevServer 和 HMR 不使用DevServer的方式HMR - 模块热替换 Webpack - DevServer 和 HMR 不使用DevServer的方式 live-server webpack --watch HMR - 模块热替换原创 2021-08-05 21:46:16 · 360 阅读 · 0 评论 -
Webpack - Vue
文章目录Webpack 加载Vue需要的插件 Webpack 加载Vue 需要的插件 vue-loader VueLoaderPlugin Vue 内置的插件 const VueLoaderPlugin = require ('vue-loader/lib/plugin') vue-template-compiler原创 2021-07-18 18:52:18 · 119 阅读 · 0 评论 -
Webpack - Babel
Babel 安装及命令行的使用 npm i @babel/core // 核心 npm i @babel/cli // cli 工具 npx babel src --out-dir dist // 转化并输出 npm i @babel/plugin-transform-arrow-functions //转化箭头函数的插件 npx babel src --out-dir dist --plugins=@babel/plugin-transform-arrow-functions // 使用插件转化并输出原创 2021-07-15 21:21:18 · 175 阅读 · 0 评论 -
Webpack -plugin
loader 用于转换某些类型的模块,而plugin则可以用于执行范围更广的任务。 包括:打包优化,资源管理,注入环境变量等。 Webpack Plugin clean-webpack-plugin原创 2021-07-07 22:34:28 · 105 阅读 · 0 评论 -
Webpack - loader
Loader 从下往上 css-loader 使用方式 1. 内联方式 import "css-loader!../css/index.css" // 直接在引入时使用,使用!分开 2. CLI方式(Webpack5中不再使用) // package.json "scripts":{ "build": "webpack --module-bind 'css=style-loader'!css-loader'" } 3. 配置方式 // webpack.config.js module: { // 规原创 2021-07-07 21:10:48 · 91 阅读 · 0 评论 -
前端的工具
browserlist 作用 共享适配浏览器的配置 使用 npx browserlist 直接使用,读取目录下的 .browserslist 文件 其它工具自动调用 PostCSS 作用 通过JavaScript转换样式 配置文件 postcss.config.js module.exports = { plugins:[ require('postcss-preset-env') ] } 使用 查找构建工具中的扩展 添加插件 PostCSS-CLI 在命令行使用 npx postcs原创 2021-07-05 22:33:49 · 112 阅读 · 0 评论 -
浏览器的适配 - browserslist
browserslist 为前端工具提供兼容目标浏览器和Node.js版本的配置 规则 default [占比]% not dead last [number] version … 使用 package.json 示例: { "browserslist": ["> 1%", "last 2 versions"] } .browserslistrc 示例: > 1% last 2 versions not dead 各个条件的关系可以是 交 并 补 ...原创 2021-07-05 20:51:42 · 919 阅读 · 0 评论