在dist之外的Webpack配置node_modules

Question

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

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

• DIST
• node_modules
• SRC
• | - components
• | - styles
• | - app.scss

我的Webpack配置工作并编译来自＆＃39; src＆＃39;到＆＃39; dist＆＃39;。

1. 我要部署＆＃39; dist＆＃39;到服务器，所以我应该在＆＃39; dist＆＃39;内移动node_modules。我运行build时使用webpack吗？
2. 我的app.scss引用来自node_modules的依赖项，所以如果我将node_ modules移到＆＃39; dist＆＃39;我将不得不改变scss中的路径？怎么做？
3. 与index.html和动态路径相同的问题......

这是最佳做法吗？

由于

Answer 1

使用Webpack编译所有内容时，它会从编译代码中的node_modules导入所需的部分。所以你的dist文件夹中输出的文件是＃34; standalone＆＃34;。除了开发之外，你不需要任何地方的node_modules。 关于你的app.scss，它将被转换为CSS，node_modules @imports将被集成到你的app.css中。