kgjfk的博客

自适应大屏项目踩过的坑

tree shaking的作用： 当我们在将index.js作为打包文件的入口文件时，如果我们在index.js文件中引入了一个其它的js文件（例如counter.js文件），而在counter.js文件中我们定义了两个函数分别A和B，但是我们在index.js文件中只使用了A函数，而没有使用B函数，当我们的webpack进行打包的时候，它会将index.js文件中引入的counter.js文件整个进行打包进来放入出口文件中，此时，我们的打包文件就会变得很臃肿。如果我们使用了tree shaking这个模块

1.在package.json中的scripts中配置一个键值对，其中键名自取，值为“webpack --watch”，如： 配置后，直接运行打包命令npm run watch则可打包成功并在浏览器中运行，当我们修改源文件之后不要重新打包，只需刷新浏览器即可。 缺点：此种配置，打包后在浏览器中是以file请求运行的，所以无法发送ajax请求。 2.在package.json中的scripts中配置一个键值对，其中键名自取，值为“webpack-dev-server”,同时在webpack.config.j

什么是source-map? source-map就是管理源代码和打包后的文件之间的映射关系的一个配置，如果没有开启source-map映射，当我们将打包后的文件在浏览器上运行时，如果报错了，那我们就只能找到打包后的文件的报错位置，而无法知道源代码的报错位置。配置source-map是在webpack.config.js文件中的module.exports中配置devtool:“cheap-module-eval-source-map”,当然也不是只有这一个值，根据不同的模式（mode），可以配置不同的值，