![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
benben_2015
这个作者很懒,什么都没留下…
展开
-
TypeError: CleanWebpackPlugin is not a constructor
引起错误的代码const path = require('path');const CleanWebpackPlugin = require('clean-webpack-plugin');module.exports = { entry : { app : './src/index.js', print: './src/print.js' ...原创 2019-07-19 11:09:19 · 2825 阅读 · 0 评论 -
webpack管理资源
上一节webpack入门中只是打包了JavaScript,这一节看webpack如何引入其他类型的文件。加载css文件首先从css文件开始,为了从JavaScript模块中import一个css文件,需要在module配置中安装并添加style-loader和css-loader:npm install --save-dev style-loader css-loaderwebpack根...原创 2019-07-19 11:24:31 · 286 阅读 · 0 评论 -
webpack入门
webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归的构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。未使用webpack管理项目首先创建一个目录,初始化npm,然后在本地安装webpack,接着安装webpack-cli。mkdir webpack-...翻译 2019-07-17 13:59:30 · 321 阅读 · 0 评论 -
webpack开发
当webpack打包源代码后,可能很难追踪错误和警告。例如三个源文件a.js,b.js和c.js打包到一个bundle(bundle.js)中,而其中一个源文件包含错误,那么错误只会简单指向到bundle.js。这对于分析原因没有太大帮助。以上节的src/print.js文件为例,如果将代码改成下面内容,则从consle中只能看到错误出自app.bundle.js:1export defaul...翻译 2019-07-19 17:34:44 · 225 阅读 · 0 评论