Webpack Bootstrap 4将custom.scss文件复制到node_modules

时间:2016-10-19 19:17:07

标签: twitter-bootstrap webpack

背景 Bootstrap 4有一个名为_custom.scss的文件,您可以在其中覆盖自定义主题的引导框架的变量。

我能够通过在我的项目中复制一个名为“bootstrap-overrides.scss”的文件并在编译之前用它的内容替换“_custom.scss”文件来使用gulp。这解决了我的问题(使用gulp)。

问题: 我现在正在尝试使用webpack完成同样的事情,我遇到了问题。我需要在任何捆绑开始之前发生这种情况。 我需要做的就是将“./source/bootstrap-overrides.scss”复制到“./node_modules/bootstrap/scss/_custom.scss”。

我尝试使用 copy-webpack-plugin 完成此操作;但是,它不断将我的文件转储到输出路径目录而不是node_modules文件夹。

那里的任何webpack专家都有关于如何做到这一点的任何建议?

提前谢谢!

1 个答案:

答案 0 :(得分:0)

我能够通过使用copy-webpack-plugin来解决这个问题。

关键是使用绝对路径,而不是相对路径。使用path.join(__ dirname,“path”)将使用绝对路径。

示例:

sed -e 's_^[^-]*-\([^ ]*\).*$_\1_'