请问怎样调试 Webpack 打包好的代码吗？

Question

怎样调试 Webpack 打包好的代码吗

Answer 1

#第1步安装bootstrap-loadernpminstallbootstrap-loader--save#第2步如果你使用的是Bootstrap3npminstallbootstrap-sass--save#如果你使用的是Bootstrap4npminstallbootstrap@v4.0.0-alpha.2--save#我发现npm下载不了bootstrap4,所以我是从网上下载下来的，然后放到#node_modules下的,下载地址hcom/getting-started/download/#第四步安装其他样式处理loadernpminstallcss-loadernode-sassresolve-url-loadersass-loaderstyle-loaderurl-loader--save#如果你使用的是Bootstrap4,可能会需要

Answer 2

reactjs就是适合移动端的React通常和其他的JavaScript框架同时被提及，但是说“React对比Angular”却讲不通，因为它们之间是不可比较的。Angular是一个完整的框架（包括一个view层），React却并不是。这也是React很难于理解的原因，它虽然抽离自一个具备完整框架的生态系统中，但仅仅是一个view层。React提供了模板语法以及一些函数钩子用于基本的HTML渲染。这就是React全部的输出——HTML。把HTML/JavaScript合到一起，被称为“组件”，允许把它们自己内部的状态存到内存中（比如在一个选项卡中哪个被选中），不过最后只是吐出HTML。核心是组件化和复用

Answer 3

1. 打包多个页面的js文件 读取src/views下的目录，约定每一个目录当成一个页面，打包成一个js chunk。 2. 打包多个html 循环生成多个HtmlWebpackPlugin插件，把每一个插件的chunks各自指向上面打包的js chunk。

Answer 4

当作为背景图的时候,小于limit的时候,会以 base64 显示图片,当图片大于 limit 的时候会将图片生成到 image/ 目录下,但是奇葩的地方出现了

background-image:url("../image/xxx.jpg")
//在打包后的css文件会变成
background-image:url(image/xxx.jpg)
//没有了 ../ 和双引号,尽管image目录下有图片,但是引用路径不对