在现代 web 开发中,Webpack 是一个非常重要的工具。webpack-2b 是一个基于 webpack 4 的配置库。本文将为大家详细介绍 webpack-2b 的使用方法。
安装 webpack-2b
通过 npm 安装 webpack-2b:
npm install webpack-2b --save-dev
配置 webpack-2b
webpack-2b 的主要配置文件是 webpack.config.js。下面的示例代码将演示如何使用 webpack-2b。
webpack.config.js
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --------- - ---------------------- -------------- - ----------- ------ ----------------- ------- - --------- ------------ ----- ----------------------- ------- -- ------- - ------ - - ----- -------- ---- --------------- -------- -------------- - - -- -------- - --- -------------------------------------- - ---
index.js
console.log('Hello, webpack-2b!');
.babelrc
{ "presets": ["@babel/preset-env"] }
使用 webpack-2b
现在,我们可以使用 webpack-2b 构建我们的代码了。使用命令行工具进入项目根目录,然后执行:
npx webpack --watch
在本地服务器上打开 index.html,你应该能够看到控制台输出 "Hello, webpack-2b!"。
总结
Webpack 已经成为现代 web 开发中不可缺少的工具之一。webpack-2b 为我们提供了非常简单的配置方式。本文中,我们详细介绍了 webpack-2b 的使用方法,并提供了示例代码。希望这篇文章能够对你的学习和实践有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055fe181e8991b448dd7de