webpack
刘泽美
我心净时,何时不见如来。
我心净处,何处不是西天。
展开
-
2022 最新 react 脚手架 配置 less
创建 react 项目yarn create react-app my-app进入到项目里cd my-app安装 less 及 loaderyarn add -D less less-loader将 webpack 配置暴露出来yarn eject打开 /config/webpack.config.js全局搜索 style files regexes 找到如下代码位置// style files regexesconst cssRegex = /\.css$.原创 2022-02-08 08:44:59 · 468 阅读 · 1 评论 -
webpack从入门到精通----(一)什么是webpack及webpack基础配置
1. 什么是webpackwebpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言(scss,ts等),并将其打包为合适的格式以供浏览器使用。可以做的事情:代码转换、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布2. 需要提前掌握的内容需要node基础,以及npm的使用掌握es6语法...原创 2019-09-23 08:13:06 · 171 阅读 · 0 评论 -
webpack从入门到精通----(二)热重载及html插件
第三课webpack-dev-server安装yarn add webpack-dev-server -D启动npx webpack-dev-server配置 webpackmodule.exports = { devServer: { // 开发服务器的配置 port: 3000, // 启动端口 progress: true, // 滚...原创 2019-09-25 15:32:36 · 294 阅读 · 0 评论 -
webpack从入门到精通----(三)css-loader 及 less-loader
第四课less/css Loader安装yarn add css-loader style-loader less-loader less -D在 webpack.config.js 文件中 使用module: { // 模块 rules: [ // 规则 css-loader 主要用于解析 @import 语法的 // style-loader 他是把 c...原创 2019-09-25 15:33:35 · 477 阅读 · 0 评论 -
webpack从入门到精通----(四)css\js打包及格式化插件
将css 代码以 link标签方式 引入安装插件yarn add mini-css-extract-plugin -D专门抽离 css 样式文件的插件在 webpack.config.js 文件中使用let MiniCssExtractPlugin = require('mini-css-extract-plugin');module.exports = { ......原创 2019-09-25 15:34:37 · 805 阅读 · 0 评论 -
webpack从入门到精通----(五)es6\es7语法的转化及语法校验器
转化 es6 语法(babel)安装yarn add babel-loader @babel/core @babel/preset-env -D在 webpack.config.js 中 使用module: { // 模块 rules: [ { test: /\.js$/, use: [ ...原创 2019-09-25 15:35:22 · 323 阅读 · 0 评论