webpackcss去重 webpack去除console

htmlwebpackplugin有什么用

HtmlWebpackPlugin是一个出现频率比较高的webpack插件。

HtmlWebpackPlugin是用于生成html文件。我们的疑问可能在于，webpack本身不能生成html文件，事实上，默认的webpack主要是用于处理js文件的依赖图构建和打包，当需要生成html文件时，便需要使HtmlWebpackPlugin插件。

前端debug使用方法和技巧

前端debug的方法和技巧包括使用浏览器开发者工具，检查控制台输出和网络请求，查看HTML、CSS、JavaScript代码错误，添加断点调试，使用console.log()输出变量值，分析逻辑流程和数据传递等。

同时，可以利用代码审查和跟踪工具，如eslint、webpack、babel等，来检查和跟踪代码的执行过程和错误，以及通过阅读相关文档和搜索引擎寻找类似问题的解决方案。

最重要的是要耐心和细心，逐步排查和分析问题的根源和解决办法，保证代码的正确性和逻辑的合理性。

webpack原理和机制

1.webpack核心概念 entry: 一个可执行模块或库的入口文件。 chunk :多个文件组成的一个代码块,例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。

loader ：文件转换器，例如把es6转换为es5，scss转换为css。

plugin ：插件，用于扩展webpack的功能，在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。...

gulp和webpack学一个就够了吗

是的，你可以选择学习一个，因为gulp和webpack都是用于前端资源处理的工具，它们的功能非常相似。

gulp是一个基于node.js的流处理工具，用于快速构建项目。它使用简单易懂的API，可以方便地自动化任务，比如压缩、合并、编译SASS等。此外，gulp还支持插件，可以方便地扩展其功能。

webpack则是一个模块打包工具，用于将前端资源打包成浏览器可以识别的格式。它支持各种文件类型，包括JavaScript、CSS、图片等，并且可以自动化处理这些资源。此外，webpack还支持各种插件，可以方便地扩展其功能。

总的来说，两者都可以完成前端资源的处理任务，但是它们的使用方式和特点略有不同。你可以根据自己的需求和喜好来选择一个学习即可。

gulp和webpack虽然都是基于nodejs，但是两者各有优缺点，gulp只能做到压缩文件，而webpack是压缩，分离，把非标准格式转成标准的，可以被浏览器识别的格式。

rem自动转换px的postcss-px2rem插件怎么配置

postcss插件配置在webpack2版本以后有所变动，webpack.config.js文件plugins增加：

webpackConfig.plugins.push( new webpack.LoaderOptionsPlugin({ options: {

postcssLoader: () => {

return [ require('postcss-px2rem')()

]

}

}

})

还有一种写法，根目录新建postcss.config.js文件，配置：

`module.exports = {

plugins: [

require('postcss-px2rem')()

]

}`