benben的博客

引起错误的代码const path = require('path');const CleanWebpackPlugin = require('clean-webpack-plugin');module.exports = { entry : { app : './src/index.js', print: './src/print.js' ...

上一节webpack入门中只是打包了JavaScript，这一节看webpack如何引入其他类型的文件。加载css文件首先从css文件开始，为了从JavaScript模块中import一个css文件，需要在module配置中安装并添加style-loader和css-loader：npm install --save-dev style-loader css-loaderwebpack根...

webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时，它会递归的构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。未使用webpack管理项目首先创建一个目录，初始化npm，然后在本地安装webpack，接着安装webpack-cli。mkdir webpack-...

当webpack打包源代码后，可能很难追踪错误和警告。例如三个源文件a.js，b.js和c.js打包到一个bundle（bundle.js）中，而其中一个源文件包含错误，那么错误只会简单指向到bundle.js。这对于分析原因没有太大帮助。以上节的src/print.js文件为例，如果将代码改成下面内容，则从consle中只能看到错误出自app.bundle.js:1export defaul...