在webpack中巧妙地导入js lib，使用css

我厌倦了每次手动下载js和css lib，然后在启动一个响应项目时跳入npm和webpack。但也有一些awkwark：在webpack中巧妙地导入js lib，使用css

使用npm install是好的，但我知道在哪里的CSS/JS/SCSS放置，他们可能是：
```
node_modules\materialize-css\sass\materialize.scss 
node_modules\materialize-css\dist\js\materialize.min.js 
node_modules\sweetalert\dist\sweetalert.min.js 
node_modules\sweetalert\dist\sweetalert.css 
node_modules\hint.css\hint.min.css 
... 
```
我还需要找到正确的路径通过我自己，并添加到index.html或进口在index.js，像以前一样，但它确实降低了检索时间LIB的下载链接）
有很多JS LIB包含CSS文件，但的WebPack也不是那么容易的添加一个lib无线这两个css和js：

如webpack-import-bootstrap-js-and-css，必须添加这么多的配置代码，以使css导入，为什么我不包括在css的index.html？它只是一条线。然而，单独的js，不同文件中的css导入也会让我感觉不舒服。

我希望有一个像一个办法：

附加的WebPack配置，像（不需要知道的结构lib）：

... 
new webpack.ProvidePlugin({ 
    swal: "sweetalert", 
    use_css: true, // false for someone need custom theme 
    use_js: true 
}), 
...

但我现在找不到一个好方法。

2016-07-29 Mithril

您可以提供.css文件的路径。这适用于我：

import swal from 'sweetalert' 
import 'sweetalert/dist/sweetalert.css'

2017-06-10 01:31:18

回答