摘要: 1、安装babel-loader npm install --save babel-loader @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime 阅读全文
posted @ 2022-03-17 21:57 Strugglinggirl 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-03-17 20:46 Strugglinggirl 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 1、安装url-loader npm install --save-dev url-loader 2、配置 module:{//模块 rules:[//规则 { test:/\.(png|jpg|gif|jpeg)$/, //找符合格式的图片 use:{ loader:"url-loader",// 阅读全文
posted @ 2022-03-17 19:48 Strugglinggirl 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 【css压缩】 npm install --save optimize-css-assets-webpack-plugin let OptimizeCss=require('optimize-css-assets-webpack-plugin');//css压缩 module.exports={ o 阅读全文
posted @ 2022-03-17 19:03 Strugglinggirl 阅读(86) 评论(0) 推荐(0) 编辑
摘要: css3自动加前缀 -webkit- 1、安装yarn add -D postcss-loader autoprefixer yarn add -D postcss-loader autoprefixer 或 npm install --save postcss-loader autoprefixe 阅读全文
posted @ 2022-03-17 17:50 Strugglinggirl 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 1、安装css loader npm install --save-dev css-loader style-loader mini-css-extract-plugin css-loader :解析@import这种语法 =>即可用@import引入 css样式 style-loader :把cs 阅读全文
posted @ 2022-03-17 16:25 Strugglinggirl 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 单页面SPA,多页面MPA。实战开发中,不管vue还是react都是单页面应用。(面试会问到多页面配置,要记下流程)。多页面代表多入口 1、(在webpack.config.js中配置) 多入口 entry:{ index:"./src/index.js", admin:"./src/admin.j 阅读全文
posted @ 2022-03-17 13:56 Strugglinggirl 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 使用html模板插件解决启动webpack-dev-server时必须生成build文件夹,也可以指定html文件,在html文件中写程序 1、安装html-webpack-plugin npm install --save-dev html-webpack-plugin 2、(在webpack.c 阅读全文
posted @ 2022-03-17 11:38 Strugglinggirl 阅读(161) 评论(0) 推荐(0) 编辑
摘要: node有自己的服务器,apache有自己的服务器,webpack也有自己的服务器,以后就在这里面去开发。 1、安装webpack-dev-server: npm install --save-dev webpack-dev-server 2、执行 npx webpack-dev-server (一 阅读全文
posted @ 2022-03-17 09:20 Strugglinggirl 阅读(835) 评论(0) 推荐(0) 编辑