Question

我已经使用Angular 2项目启动了.Net Core。 Webpack和一切对我来说都很新，但我开始理解它们。

我已经使用dotnet new angular创建了一个项目，并且我已经了解了如何填充webpack.config.vendor.js来引用我的nugets包。

我现在想要直接包含一些CSS / JS（没有nuget包装）（不知道放在哪里，目前它们在/libs/somefolder/something.js/.css < / p>

所以我试着在entry: {vendor:[]}数组（webpack.config.vendor.js）中输入两个新条目：

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

但是当我运行webpack --config webpack.config.vendor.js时，我收到错误：

未找到dll供应商模块中的错误：错误：无法解决   ＆＃39; /libs/somefolder/something.js'在＆＃39; E：\ My \ Project.Web＆＃39; @dll供应商

未找到dll供应商模块中的错误：错误：无法解决   ＆＃39; /libs/somefolder/something.css'在＆＃39; E：\ My \ Project.Web＆＃39; @dll供应商

那么，我应该如何引用它们呢？

Answer 1

告诉webpack如何使用其resolve.modules配置属性查找额外的库。通过这种方式，它可以找到放置在libs内的自定义库，而不仅仅是node_modules中的自定义库。

您的webpack.config.vendor.js配置可能与此类似：

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

如何指定要包含在Webpack中的特定css / js？

1 个答案: