浮华夕颜

2019年10月17日

在配置文件webpack.config.js文件中，以前的加载js、css文件的使用方法如下：使用happypack后如下： Read More

posted @ 2019-10-17 09:34 浮华夕颜 Views(1349) Comments(0) Diggs(0) Edit

1.当引入jquery模块时，不想解析jquery中的所有依赖库，太耗时间，可以使用noParse属性不去解析jquery依赖库 2.如果在其他模块引入js文件时，引入的是自己写的js文件，但是在编译的时候，先去找的是node_modules目录下的第三方包，然后再去找其他目录下的，也会耗费时间，可 Read More

posted @ 2019-10-17 09:14 浮华夕颜 Views(304) Comments(0) Diggs(0) Edit

2019年10月16日

Error: Cannot find module ***

执行打包命令npx webpack后，经常会出现 Cannot find module ***的问题，并且莫名其妙会出现自己没有用到的模块，就算按照它的错误提示，安装了这个模块，再次打包又会出现新的模块找不到的错误，没完没了的这样太麻烦了。于是我直接把node_modules目录删除（也可以用命令 Read More

posted @ 2019-10-16 10:18 浮华夕颜 Views(2828) Comments(0) Diggs(0) Edit

2019年10月15日

webpack跨域问题

产生跨域问题：创建一个express服务器：如上代码可知，服务器请求了3000端口：创建一个ajax对象获取数据：为了解决跨域问题，提供三种方法： 1.重写的方式，把请求代理到express服务器上。在配置文件webpack.config.js中配置一个服务器代理：现在可以通过8080端口 Read More

posted @ 2019-10-15 17:20 浮华夕颜 Views(561) Comments(0) Diggs(0) Edit

webpack的小插件

1.clean-webpack-plugin：由于每次打包的时候有可能文件名称不一样，打包后的文件就叠加到dist目录下了，clean-webpack-plugin作用就是在每次打包之前，先把dist目录删掉，创建最新的目录，避免不需要的文件还留在dist目录下。安装：npm install cl Read More

posted @ 2019-10-15 09:22 浮华夕颜 Views(164) Comments(0) Diggs(0) Edit

使用clean-webpack-plugin小插件报错CleanWebpackPlugin is not a constructor

clean-webpack-plugin是webpack的一个小插件：由于每次打包的时候有可能文件名称不一样，打包后的文件就叠加到dist目录下了。所以cleanWebPackPlugin作用就是在每次打包之前，先把dist目录删掉，创建最新的目录，避免一些不必要的文件还留在dist目录下安装 Read More

posted @ 2019-10-15 08:59 浮华夕颜 Views(1701) Comments(0) Diggs(0) Edit

2019年10月14日

webpack中实时打包

在做项目过程中我们不希望每次改完代码后都需要重新打包，而webpack-dev-server不能马上看到我们的实体文件，所以我们希望每次改完代码后都能看到打包后的实体文件，为了解决此问题，可以在配置文件webpack.config.js中添加配置watch: Read More

posted @ 2019-10-14 11:35 浮华夕颜 Views(313) Comments(0) Diggs(0) Edit

配置source-map

当文件中有错误时，且使用的模式是production，打包后的文件是压缩的形式，不好定位找到错误的位置。而source-map就是一个映射文件，点进去看到的错误是源码，而不是压缩后的格式，方便调试。源码映射：会单独生成一个sourcemap文件，出错了会标识当前报错的列和行，主要有四种形式，需要在 Read More

posted @ 2019-10-14 11:18 浮华夕颜 Views(2182) Comments(0) Diggs(0) Edit

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

公告