随笔分类 - 【00】_webpack4使用教程
摘要：1、安装babel-loader npm install --save babel-loader @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime
阅读全文
摘要：
阅读全文
摘要：1、安装url-loader npm install --save-dev url-loader 2、配置 module:{//模块 rules:[//规则 { test:/\.(png|jpg|gif|jpeg)$/, //找符合格式的图片 use:{ loader:"url-loader",//
阅读全文
摘要：【css压缩】 npm install --save optimize-css-assets-webpack-plugin let OptimizeCss=require('optimize-css-assets-webpack-plugin');//css压缩 module.exports={ o
阅读全文
摘要：css3自动加前缀 -webkit- 1、安装yarn add -D postcss-loader autoprefixer yarn add -D postcss-loader autoprefixer 或 npm install --save postcss-loader autoprefixe
阅读全文
摘要：1、安装css loader npm install --save-dev css-loader style-loader mini-css-extract-plugin css-loader :解析@import这种语法 =>即可用@import引入 css样式 style-loader :把cs
阅读全文
摘要：单页面SPA，多页面MPA。实战开发中，不管vue还是react都是单页面应用。(面试会问到多页面配置，要记下流程)。多页面代表多入口 1、(在webpack.config.js中配置) 多入口 entry:{ index:"./src/index.js", admin:"./src/admin.j
阅读全文
摘要：使用html模板插件解决启动webpack-dev-server时必须生成build文件夹,也可以指定html文件，在html文件中写程序 1、安装html-webpack-plugin npm install --save-dev html-webpack-plugin 2、(在webpack.c
阅读全文
摘要：node有自己的服务器，apache有自己的服务器，webpack也有自己的服务器，以后就在这里面去开发。 1、安装webpack-dev-server: npm install --save-dev webpack-dev-server 2、执行 npx webpack-dev-server （一
阅读全文
摘要：前端框架Vue、React，底层都是基于webpage来配置的。 实际开发中使用的官方脚手架都是配置好了的，但是官方脚手架配置很基础，需要我们后面在这个基础上去拓展和配置。比如配置代理，配置css模块化，配置自定义加载load等。 面试也会问，你配置了webpack的哪些选项了。 【Webpack基
阅读全文