随笔分类 - webpack
摘要：同步版： https://segmentfault.com/a/1190000018312127 异步版： https://segmentfault.com/a/1190000018312930
阅读全文
摘要：在配置文件webpack.config.js文件中，以前的加载js、css文件的使用方法如下： 使用happypack后如下：
阅读全文
摘要：1.当引入jquery模块时，不想解析jquery中的所有依赖库，太耗时间，可以使用noParse属性不去解析jquery依赖库 2.如果在其他模块引入js文件时，引入的是自己写的js文件，但是在编译的时候，先去找的是node_modules目录下的第三方包，然后再去找其他目录下的，也会耗费时间，可
阅读全文
摘要：执行打包命令npx webpack后，经常会出现 Cannot find module ***的问题，并且莫名其妙会出现自己没有用到的模块，就算按照它的错误提示，安装了这个模块，再次打包又会出现新的模块找不到的错误，没完没了的这样太麻烦了。 于是我直接把node_modules目录删除（也可以用命令
阅读全文
摘要：产生跨域问题： 创建一个express服务器： 如上代码可知，服务器请求了3000端口： 创建一个ajax对象获取数据： 为了解决跨域问题，提供三种方法： 1.重写的方式，把请求代理到express服务器上。在配置文件webpack.config.js中配置一个服务器代理： 现在可以通过8080端口
阅读全文
摘要：1.clean-webpack-plugin：由于每次打包的时候有可能文件名称不一样，打包后的文件就叠加到dist目录下了，clean-webpack-plugin作用就是在每次打包之前，先把dist目录删掉，创建最新的目录，避免不需要的文件还留在dist目录下。 安装：npm install cl
阅读全文
摘要：clean-webpack-plugin是webpack的一个小插件： 由于每次打包的时候有可能文件名称不一样，打包后的文件就叠加到dist目录下了。 所以cleanWebPackPlugin作用就是在每次打包之前，先把dist目录删掉，创建最新的目录，避免一些不必要的文件还留在dist目录下 安装
阅读全文
摘要：在做项目过程中我们不希望每次改完代码后都需要重新打包，而webpack-dev-server不能马上看到我们的实体文件，所以我们希望每次改完代码后都能看到打包后的实体文件，为了解决此问题，可以在配置文件webpack.config.js中添加配置watch:
阅读全文
摘要：当文件中有错误时，且使用的模式是production，打包后的文件是压缩的形式，不好定位找到错误的位置。而source-map就是一个映射文件，点进去看到的错误是源码，而不是压缩后的格式，方便调试。 源码映射：会单独生成一个sourcemap文件，出错了会标识当前报错的列和行，主要有四种形式，需要在
阅读全文
摘要：
阅读全文
摘要：项目的目录结构如下： index.html是一个空页面，用来提供html模板作用，主要配置的是webpack.config.js文件 打包后的dist目录下的文件如下： 如果不配置chunks,则生成的home.html和other.html页面里面的内容为： 但这并不是我们想要的结果，我们希望的是
阅读全文
摘要：无法解析入口文件的路径'/src/other.js'，多半是因为路径写错，应该写成'./src/other.js'
阅读全文
摘要：https://segmentfault.com/a/1190000007294861
阅读全文
摘要：安装webpack: npm install webpack webpack-cli -D 全局安装webpack：npm install --global webpack webpack-cli (不推荐全局安装，这会将你的项目中的webpack锁定到指定版本，并且在使用不同的webpack版本的
阅读全文
浙公网安备 33010602011771号