Webpack 配置 node_modules 在 dist 之外

Question

我正在尝试为我的项目设置找到最佳解决方案：

目前我的文件夹结构如下：

• 分布
• node_modules
• 源代码
• |- 组件
• |- 样式
• |-- app.scss

我的 Webpack 配置工作并编译从 'src' 到 'dist' 的所有内容。

1. 我要将 'dist' 的内容部署到服务器，所以我应该在运行构建时将 node_modules 与 webpack 一起移动到 'dist' 中吗？
2. 我的 app.scss 引用了来自 node_modules 的依赖关系，所以如果我将 node_ 模块移动到 'dist' 中，我将不得不更改 scss 中的路径？怎么做？
3. index.html 和动态路径存在同样的问题...

这是最佳做法吗？

谢谢

Answer 1

当您使用 Webpack 编译所有内容时，它会从您编译的代码中的 node_modules 导入所需的部分。所以你的 dist 文件夹中输出的文件是“独立的”。除了开发时，您在任何地方都不需要 node_modules。 关于您的 app.scss，它将被转换为 CSS，并且 node_modules @imports 将被集成到您的 app.css 中。