随笔分类 -  webpack

webpack
webpack5出现process is not defined
摘要：webpack5开始不再polyfill node内置模块，需要手动引入 https://stackoverflow.com/questions/65018431/webpack-5-uncaught-referenceerror-process-is-not-defined https://web 阅读全文
posted @ 2022-12-24 22:47 zhishaofei3 阅读(461) 评论(0) 推荐(0)
eslint-config-react-app npm
摘要：eslint-config-react-app npm 阅读全文
posted @ 2020-11-04 12:38 zhishaofei3 阅读(437) 评论(0) 推荐(0)
WebStorm + React 项目，配置 ESLint
摘要：ESLint 简介 ESLint是一个开源的JavaScript代码检查工具，其作者是大名鼎鼎的“红宝书”《JavaScript高级程序设计》作者 Nicholas C. Zakas。Nicholas C. Zakas 在他的多部著作中都有涉及到JavaScript的代码风格问题，而eslint正是 阅读全文
posted @ 2020-11-01 12:02 zhishaofei3 阅读(1652) 评论(0) 推荐(0)
webpack4 特性
摘要：webpack4 特性webpack4 通过一系列默认配置，将 webpack3 常用的 plugin 都默认引入了，相对简化了配置项。实际上，一般项目 webpack4 与 webpack3 在基本配置上差别并不是很大，主要有以下不同：webpack4 需要配合 webpack-cli 一起使用w 阅读全文
posted @ 2020-10-18 22:00 zhishaofei3 阅读(303) 评论(0) 推荐(0)
webpack4配置
摘要：新版本的webpack@4在打包之后默认是对js进行了压缩的，那么如何设置不自动压缩呢，这需要用到webpack的mode配置 mode 提供模块化的配置选项告诉webpack使用相应的优化选项。当不对它进行配置的时候，默认值是"production"，我们只需要将该值设置为"development 阅读全文
posted @ 2020-10-18 21:47 zhishaofei3 阅读(233) 评论(0) 推荐(0)
tree-shaking实战
摘要：tree-shaking是一个在前端领域比较熟知的东西了。在没有深入了解前，一直以为他在项目中发挥了很大的作用。但是在看了许多文章说tree-shaking并没有什么卵用后，想自己深入了解一下，所以搜了许多博文，自己也在项目中试验了一下。基本了解了大致的流程。所以这篇博文主要是记录一下学习的成果。 阅读全文
posted @ 2020-08-23 23:51 zhishaofei3 阅读(589) 评论(0) 推荐(0)
vue-cli 3.x中@路径提示Module is not installed
摘要：错误显示IDEA中Vue项目引入的路径@路径格式中提示Module is not installed 问题原因vue3中没有了 webpack.config.js 文件IDEA找不到这个文件了,所以提示这个信息解决方式双击shift键,打开全局搜索,输入webpack 选择红框中的webpack点击 阅读全文
posted @ 2020-02-10 13:23 zhishaofei3 阅读(1683) 评论(0) 推荐(0)
HtmlWebpackPlugin用的html的ejs模板文件中如何使用条件判断
摘要：折腾： 【已解决】给react-hot-boilerplate中的index.html换成用HtmlWebpackPlugin自动生成html 期间，已经有了思路了，但是不知道如何在ejs的html中写条件判断 想要实现类似于这样的效果： <% if htmlWebpackPlugin.option 阅读全文
posted @ 2019-01-04 21:07 zhishaofei3 阅读(6052) 评论(0) 推荐(0)
html-webpack-template, 一个更好的html web service插件
摘要：源代码名称:html-webpack-template 源代码网址:http://www.github.com/jaketrent/html-webpack-template html-webpack-template源代码文档 html-webpack-template源代码下载 Git URL: 阅读全文
posted @ 2018-09-27 20:19 zhishaofei3 阅读(1772) 评论(0) 推荐(1)
ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍
摘要：https://blog.csdn.net/a324539017/article/details/52824189 阅读全文
posted @ 2018-08-10 11:18 zhishaofei3 阅读(131) 评论(0) 推荐(0)
webpack dev-server 允许移动端调试
摘要："dev": "cross-env NODE_ENV=development webpack-dev-server --host 0.0.0.0 --open --hot",增加--host 0.0.0.0 阅读全文
posted @ 2018-07-05 18:03 zhishaofei3 阅读(664) 评论(0) 推荐(0)
Webpack2 中的 NamedModulesPlugin 与 HashedModuleIdsPlugin
摘要：要讨论Webpack 2中新增的这两个plugin的功能，还要先从使用Webpack打包的项目的前端资源缓存方案说起。 通常在使用了Webpack的项目中我们会使用CommonsChunkPlugin来将所有依赖的第三方包打包到一个名为vender的chunk中。与此同时，为了避免每次更改项目代码时 阅读全文
posted @ 2018-03-17 16:25 zhishaofei3 阅读(2987) 评论(1) 推荐(1)
webpack打包生成多个vendor的配置方法
摘要：用webpack打包项目的时候，一般喜欢把一些公用的库打包的vendor.js里面，比如像react，react-router，redux等。 随着引入的库越来越多，vendor文件也变得越来越大，于是考虑打包成两个vendor，把和react相关的库打包成一个vendor，其他的库打包成另外一个v 阅读全文
posted @ 2018-03-17 16:08 zhishaofei3 阅读(641) 评论(0) 推荐(0)
npm 安装 sass-loader 失败的解决办法
摘要：You got to add python to your PATH variable. One thing you can do is Edit your Path variable now and add ;%PYTHON%; Your variable PYTHON should point 阅读全文
posted @ 2017-06-04 15:59 zhishaofei3 阅读(3772) 评论(0) 推荐(0)
WebPack 简明学习教程
摘要：WebPack是什么 如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何去很好的组织这些代码，成为了一个必须要解决的难题。 对于模块的组织，通常有如下几种方法： 思考：为什么只有JS需要被模块化管理，前台的很多预编译内容，不需要管理吗？ 基于以上的思考，Web 阅读全文
posted @ 2017-02-28 09:56 zhishaofei3 阅读(253) 评论(0) 推荐(0)