2017-04-09 22 views
1

イム:VUE-CLIで使用ワーカー・ローダーとのWebPACK

-build 
--vue-loader.conf.js 
--webpack.base.conf.js 
--other build files... 
-config 
--index.js 
--dev.env.js 
--other config files... 

私は、ワーカー・ローダーをインストール

npm install worker-loader --save-dev 

でそれでは、私は

require('worker-loader!my-worker.js'); 

しかし、そのないと私worker.jsを必要としてみました

module: { 
rules: [ 
    { 
    test: /\.(js|vue)$/, 
    loader: 'eslint-loader', 
    enforce: 'pre', 
    include: [resolve('src'), resolve('test')], 
    options: { 
     formatter: require('eslint-friendly-formatter') 
    } 
    }, 
    { 
    test: /\.vue$/, 
    loader: 'vue-loader', 
    options: vueLoaderConfig 
    }, 
    { 
    test: /\.js$/, 
    loader: 'babel-loader', 
    include: [resolve('src'), resolve('test')] 
    }, 
    { 
    test: /\worker\.js$/, 
    loader: 'worker-loader', 
    include: [resolve('src'), resolve('test')] 
    }, 
    { 
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 
    loader: 'url-loader', 
    options: { 
     limit: 10000, 
     name: utils.assetsPath('img/[name].[hash:7].[ext]') 
    } 
    }, 
    { 
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 
    loader: 'url-loader', 
    options: { 
     limit: 10000, 
     name: utils.assetsPath('fonts/[name].[hash:7].[ext]') 
    } 
    } 
] 
} 

しかし、私の労働者は、その後だけで読まれる:VUE-CLIのWebPACKのバージョン

のデフォルトとして使用されバベルによってロードされたので、私は更新は、以下の構成でwebpack.base.conf.jsてみました通常のjsファイルとしてインポートされ、ワー​​カーローダーは何もするために継ぎ目をしません。

これを正しく設定するにはどうすればよいですか?

答えて

0

私は自分のバグを見つけました。

私は労働者・ローダーをロードしよう:だから解決策を使用するように簡単にした

import myWorker from 'worker-loader?./myworker' 
let worker = new Worker(myWorker); 

import myWorker from 'worker-loader?./myworker' 
let worker = new myWorker; 

だから今、それは

+0

はそれだったあなたがよろしいです:-)作品'worker-loader?/ myworker'ではなく 'worker-loader?/ myworker'ではないのですか?あなたのワーカーファイルの構造を投稿してください。 – Alex

+0

これは、npmをインストールしたワーカーローダーの後に、任意のconfで直接使用することができます。 Ex。 'NoxferWorkerを 'ワーカーローダーからインポートする?name =ワーカー:[hash:7] .worker.js!/ noxfer.worker'' – Steffan

関連する問題