Question

我是webpack的新手，在尝试设置webpack时遇到的问题很少。

我有以下目录结构：

节点模块
公开（index.html，index.jsx）
部件
webpack.config.js

在index.html中，我试图包含

func urlEncode(par:String!) -> String! {
    return par.stringByAddingPercentEncodingWithAllowedCharacters(.URLHostAllowedCharacterSet())!
}

var first: String = urlEncode(ticketIdArr[0])
var second: String = ticketIdArr.count > 1 ? urlEncode(ticketIdArr[1]) : "nil"
var third: String = ticketIdArr.count > 2 ? urlEncode(ticketIdArr[2]) : "nil"

当我试图运行webpack时，dev服务器控制台正在向我显示

<script src="../node_modules/react/dist/react-with-addons.js"></script>

以下是我的webpack.config.js文件：

http://localhost:8080/node_modules/react/dist/react-with-addons.js not found

Answer 1

我知道这是一个很老的问题，但我今天仍在努力解决这个问题。

我正在使用的解决方案是使用contentBase将数组传递给node_modules。

devServer: {
    contentBase: [
      path.resolve(__dirname, "public"),
      path.resolve(__dirname, "node_modules")
    ],
    publicPath:  "/"
}

然后在你的html：

<script src="./react/dist/react.js"></script>

这样您就不需要在捆绑包中包含React，并且可以通过浏览器缓存它。

webpack dev服务器无法找到node_modules

1 个答案: