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-envconst HtmlWebpackPlugin=require('html-webpack-p原创 2021-02-04 23:02:00 · 329 阅读 · 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.htmlindex.cssi.原创 2021-02-04 20:36:38 · 220 阅读 · 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-checknpm-upgrade原创 2021-02-03 19:51:41 · 493 阅读 · 6 评论