我正在使用 webpack 构建一个应用程序,我正在尝试添加一些网络 worker ,我正在使用一个内置插件来加载它们,但我遵循了示例 here ,官方存储库,我无法让它工作。 我的 webpack.dev.js 看起来像这样:
import webpack from 'webpack';
import assign from 'object-assign';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import prodCfg from './webpack.prod.config.js';
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var DEBUG = process.env.NODE_ENV !== 'production' ? true : false;
var styles = 'css!less';
Object.assign = assign;
export default function (app) {
const config = Object.assign(prodCfg, {
devtool: 'cheap-module-inline-source-map',
entry:
[
'webpack-hot-middleware/client',
'./client',
'styles/main.less'
],
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
plugins: [
[
'react-transform', {
transforms: [{
transform: 'react-transform-hmr',
imports: ['react'],
locals: ['module']
}]
}
]
]
}
},
{
test: /\.css$/,
loader: DEBUG ? 'style!' + styles : ExtractTextPlugin.extract(styles)
},
{
test: /\.less$/,
loader: DEBUG ? 'style!' + styles : ExtractTextPlugin.extract(styles)
}
]
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new ExtractTextPlugin("style.css", {allChunks: true })
],
worker: {
output: {
filename: "hash.worker.js",
chunkFilename: "[id].hash.worker.js"
}
}
});
const compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, {noInfo: true, publicPath: config.output.publicPath}));
app.use(webpackHotMiddleware(compiler));
}
当我尝试加载文件时,我会这样尝试:
var Worker = require("worker!worker.js");
它永远找不到文件,webpack 导出的唯一文件是 bundle.js 和 style.css,看起来 worker loader 根本没有加载任何东西,或者我只是不明白背后的逻辑loader,反正没有太多关于这个的文档,也没有实现的例子。所以我希望有人已经成功地实现了这个并且可以阐明我的问题。
非常欢迎任何帮助!非常感谢您!
最佳答案
你需要把它放在loaders部分-
在你的 webpack 配置中,像这样
const config = Object.assign(prodCfg, {
...
module: {
loaders: [
...
{
test: /\.less$/,
loader: DEBUG ? 'style!' + styles : ExtractTextPlugin.extract(styles)
},
{
test: /worker\.js$/,
loader: 'worker'
}
...
那么你应该将其视为 webpack 的单独输出。
希望对你有帮助
关于javascript - Webpack 网络 worker 加载器不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35802868/