![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 59
Amethyst紫宣
这个作者很懒,什么都没留下…
展开
-
配置React项目的webpack
src文件夹 index.html 基础配置 安装webpack-dev-server、html-webpack-plugin、react、react-dom(react相关的包不加-D)、babel-loader、babel-core(注意版本兼容问题) package.json 配置webpack.config.js,安装@babel/preset-react和@babel/preset-env const HtmlWebpackPlugin=require('html-webpack-p原创 2021-02-04 23:02:00 · 312 阅读 · 0 评论 -
webpack开发和生产环境配置
首先完成webpack基础配置 创建webpack.dev.config.js和webpack.prod.js文件后配置package.json如下: 安装依赖包:html-webpack-plugin、css-loader、style-loader、less-loader、file-loader(图片相关)、CleanWebpackPlugin(清理上一次的记录)、MiniCssExtractPlugin(抽离css文件) 我的src文件夹内容如下: index.html index.css i.原创 2021-02-04 20:36:38 · 207 阅读 · 4 评论 -
关于webpack-dev-server和webpack4.x配置热更新&jsonp无刷新
学webpack以来折腾最久的一次bug… 安装webpack-dev-server(在此之前要先完成webpack基本配置,不再赘述) yarn add webpack-dev-server -D 此时出现警告如下: 原因是chokidar 2和fsevents 1版本过低,node.js版本在14以上时将会报此错,接下来,用npm upgrade升级(先要保证安装了npm upgrade) npm-check 检查更新: npm install -g npm-check npm-upgrade原创 2021-02-03 19:51:41 · 475 阅读 · 6 评论