小编Tim*_*cks的帖子

我只是想清除我的概念？我正在使用安装在文件夹上的npm名为reactstrap的包node_modules。该包包含 4 个文件夹。

• 区
• es
• 库
• 源文件

我知道src文件夹包含库的源代码，但其他这 3 个文件夹有什么区别。

如果我写这样的东西来导入一个组件怎么办。

import {Button} from 'reactstrap';

上面这行是使用ES6 module语法来导入组件。

这个 Button 组件是来自es文件夹还是lib文件夹？

如果我想Button使用commonJS module模式导入组件，语法是什么？

我面临着一个问题webpack。我的项目具有以下结构。

文件夹结构：

src
  js
    app.js  // For importing app.scss file
    vendor.js // For importing vendor.scss file
  scss
    app.scss // Our custom styles
    vendor.scss // Require all vendor styles from node_modules
package.json
postcss.config.js
webpack.config.js

文件夹内scss有 2 个文件app.scss& vendor.scss. app.scss文件包含我们所有的自定义样式，vendor.scss文件包含所有供应商样式，例如引导库样式。

webpack命令后：

npm run dev

Webpackscss通过files导入这些文件JavaScript，并通过文件夹添加供应商前缀postcss-loader并输出dist 。

但我不想在vendor.scss文件中添加供应商前缀，因为供应商库已经有供应商前缀。那么有没有办法vendor.scss从postcss-loader.

完整代码：

src/js/app.js：

import '../scss/app.scss'

src/js/vendor.js：

import '../scss/vendor.scss'

src/scss/app.scss：

// Our custom …