Question

我只想测试bootstrap是否与我的反应应用程序配合良好。（我正在使用已经包含webpack的样板文件）

＆＃xA;＆＃xA;

我可以通过导入webpack条目中的文件来使用bootstrap，该文件来自 how-to-use-webpack-with-react-and-bootstrap < / a>：

＆＃xA;＆＃xA;

安装一些节点包来处理不同类型的文件
编辑<代码> webpack.config.js 让它使用上面安装的软件包

＆＃xA;＆＃xA;

但是，我只是想尝试一下，我认为如果将其他js lib捆绑到 bundle.js （我需要热负载，所以不要指望webpack捆绑全部），这会使构建变慢。

＆＃xA;＆＃xA;

现在，我编写如下代码：

＆＃xA;＆＃xA;

 ＆lt;！doctype html＆gt;＆＃xA; ＆LT; HTML＆GT;＆＃XA; ＆LT; HEAD＆GT;＆＃XA; ＆LT;标题＆GT;试验＆LT; /标题＆GT;＆＃XA; ＆lt; script type =“text / javascript”src =“res / bootstrap / js / bootstrap.min.js”＆gt;＆lt; / script＆gt;＆＃xA; ＆lt; link rel =“stylesheet”href =“res / bootstrap / css / bootstrap.min.css”＆gt;＆＃xA; ＆LT; /头＆GT;＆＃XA; ＆LT;身体GT;＆＃XA; ＆lt; div id =“root”＆gt;＆lt; / div＆gt;＆＃xA; ＆lt; script src =“/ static / bundle.js”＆gt;＆lt; / script＆gt;＆＃xA; ＆lt; / body＆gt;＆＃xA;＆lt; / html＆gt;＆＃xA;

＆＃xA;＆＃xA;

bootstrap.min.js的内容和 bootstrap.min.css 是空的。

＆＃xA;＆＃xA; 我试图改变的路径res / bootstrap / js /bootstrap.min.js“到”src / res / bootstrap / js / bootstrap.min.js“，但不能正常工作。
＆＃xA;＆＃xA ;

还尝试通过解决要求，在webpack配置中设置 resolve 使用webpack 的路径，导致另一个错误，如无法解析模块'反应' 
＆＃xA;＆＃xA; 我知道我可能会错误的根路径或错过了一些配置，但无法弄明白，＆＃xA;我该怎么办？＆＃xA;

Answer 1

好的，发帖回答有点晚，问题是express。我分叉的项目是使用express启动webpack项目，它包含webpack.dev.config.js，这让我觉得它使用的是webpack devserver。

我一见到这个就明白了这个问题：

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html'));
});

我不关心基础项目之前是如何开始的。它使用express而不是webpack devserver，只是一个简单的路由问题。

转到下面的工作，

app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html'));
});

一个抱怨：nodejs是否愿意设置*路由器？

如何让<script src =“some_path / bootstrap.js”>在webpack服务器上运行？

1 个答案: