ReactJSプロジェクトでwebpackを使用してサードパーティのcssファイルとjsファイルをプリロードする方法はありますか？

Question

ProvidePluginを使用してjQueryをプリロードするのと同じように、エントリjsファイルでインポートを使用する代わりに、サードパーティのcssおよびjsファイルをプリロードする方法はありますか？

なぜこれらのファイルをプリロードするかは、jsファイルにjQuery-uiをインポートするときにエラーが発生することです。また、ライブラリをプリロードするのも良いと思います。

./assets/js/jquery-ui.min.js 重要な依存関係： 719：76-84これはあらかじめ作成されたjavascriptファイルのようです。これは可能ですが、お勧めしません。より良い結果を得るために元のソースを要求してください。 @ ./assets/js/jquery-ui.min.js 719：76-84

ありがとうございました！

Answer 1

webpack configのサードパーティのCSSファイルをentryにインポートする必要があります。下記の例のようになります。

module.exports = { 
    entry: { 
    'main': [ 
     'bootstrap-sass!./src/theme/bootstrap.config.js', 
     './src/client.js', 
     './src/someCSSFILE.js' 
    ] 
    }, 
    output: { 
    path: assetsPath, 
    filename: 'bundle.js', 
    publicPath: 'http://' + host + ':' + port + '/dist/', 
    }, 
    module: { 
    loaders: [ 
     { test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel?' + JSON.stringify(babelLoaderQuery), 'eslint-loader']}, 
     { test: /\.json$/, loader: 'json-loader' }, 
     { test: /\.less$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!less?outputStyle=expanded&sourceMap' }, 
     { test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' }, 
     { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/font-woff" } 
] 

}