Webpackに含める特定のcss/jを指定するにはどうすればよいですか？

Question

私はAng2プロジェクトで.Net Coreを開始しました。 Webpackとすべてのものは私にはかなり新しいですが、私はそれらを理解し始めています。

私はdotnet new angularでプロジェクトを作成しました。私はwebpack.config.vendor.jsにどのようにして自分のナゲットパッケージを参照するのかを理解しました。

私は今、CSS、私が直接含める/ JS（彼らと何のnugetパッケージはありません）いくつかは、（裾をどこに置くか分からないましたが、現在彼らはだから私はしようとした/libs/somefolder/something.js/.css

でありますentry: {vendor:[]}配列（webpack.config.vendor.js）二つの新しいエントリに入れる：

entry: { 
    vendor: [ 
     //Previous entries 
     '/libs/somefolder/something.js', 
     '/libs/somefolder/something.css', 
    ] 
}, 

しかし、私はwebpack --config webpack.config.vendor.jsを実行すると、私はエラーを取得する：

ERROR in dll vendor Module not found: Error: Can't resolve '/libs/somefolder/something.js' in 'E:\My\Project.Web' @ dll vendor

ERROR in dll vendor Module not found: Error: Can't resolve '/libs/somefolder/something.css' in 'E:\My\Project.Web' @ dll vendor

それでは、どうすればいいですか？

Answer 1

resolve.modules設定プロパティを使用して余分なライブラリを見つける方法をWebpackに伝えてください。こうすることで、カスタムライブラリをlibsの中に置くことができ、node_modules内のライブラリだけでなく見つけることができます。

あなたwebpack.config.vendor.jsの構成は、次のようになります：[path.resolve（__ dirnameは、 "LIBS"）、 "node_modules"] ``決意内側：：{}

... 
resolve: { 
    extensions: [ '.js' ], 
    modules: [path.resolve(__dirname, "libs"), "node_modules"] 
} 
entry: { 
    vendor: [ 
     //Previous entries 
     '/libs/somefolder/something.js', 
     '/libs/somefolder/something.css', 
    ] 
}, 
...