DEV Community
·
一个简单的Webpack设置，使用Bootstrap和Vue.js
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
本文介绍了轻量级的Node.js版本管理工具FNM（Fast Node Manager），并分享了Webpack构建框架的配置，支持Vue.js和现代浏览器。作者提供了GitHub链接，鼓励读者使用和修改该项目。
🎯
关键要点
- 介绍了轻量级的Node.js版本管理工具FNM（Fast Node Manager）。
- FNM是用Rust构建的，适合需要在不同项目间切换Node版本的前端开发者。
- 提供了GitHub链接，鼓励读者使用和修改该项目。
- 分享了Webpack构建框架的配置，支持Vue.js和现代浏览器。
- 项目包含开发和生产版本的Webpack配置，便于调试和构建。
- 使用webpack-merge创建开发和生产的配置变体。
- 配置了Babel以支持现代浏览器，无需兼容IE11。
- 提供了基本的app.js和app.scss文件，供用户扩展使用。
- 鼓励读者访问GitHub仓库，进行修改和贡献。
❓
延伸问答
FNM是什么，它有什么优势？
FNM（Fast Node Manager）是一个轻量级的Node.js版本管理工具，适合前端开发者在不同项目间切换Node版本，且是用Rust构建的。
如何使用Webpack配置Vue.js项目？
可以通过webpack-merge创建开发和生产的配置变体，并在Webpack配置中设置入口文件和模块规则来支持Vue.js。
这篇文章提供了哪些开发工具的链接？
文章提供了FNM的GitHub链接，鼓励读者使用和修改该项目。
Webpack配置中如何处理样式文件？
Webpack配置中使用了MiniCssExtractPlugin和sass-loader来处理样式文件，包括scss和css文件。
文章中提到的Babel配置有什么特点？
Babel配置只针对现代浏览器，不需要兼容IE11，并启用了基于代码使用的polyfill注入。
如何在项目中使用Bootstrap？
在项目的package.json中添加Bootstrap作为依赖，并在app.scss中导入Bootstrap样式即可使用。
➡️
