小编Fab*_*313的帖子

我刚刚加入了一个新项目，偶然发现了以下 JavaScript 导出语法（带别名的全局导出）：

export * as actions from './Something.actions.js';

语法似乎有效，但我以前从未见过它，它在 Visual Studio 代码中被标记为错误。它是一个有效的语法吗？有人可以解释为什么 vscode 认为这种语法不正确吗？

在Visual Studio代码中，我希望能够使用ctrl+ 导航到导入的文件click。

到目前为止，我已经可以针对javascript文件（.js）进行操作，但不适用于React文件（.jsx）

这是我的目录结构：

这是我的TestImport.jsx组件中的导入（相对和绝对）：

import DummyTwo from 'components/common/dummy-two/DummyTwo.jsx';
import something from 'components/common/my-file/myFile.js';

import DummyOne from '../common/dummy-one/DummyOne.jsx';
import somethingElse from '../common/my-file/myFile2.js';

这是我的vscode的jsconfig.json

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "baseUrl": "src"
  }
}

可以在这里获取代码： https : //github.com/fthebaud/react-boilerplate

我在jsconfig文件中缺少什么吗？关于扩展也许？

目前我有以下 webpack 配置，工作正常：

{
  loader: require.resolve('postcss-loader'),
  options: {
    ident: 'postcss',
    plugins: () => [
      require('postcss-flexbugs-fixes'),
      autoprefixer({
        browsers: [
          '>1%',
          'last 4 versions',
          'Firefox ESR',
          'not ie < 9', // React doesn't support IE8 anyway
        ],
        flexbox: 'no-2009',
      }),
    ],
  },
},

由于我在多个地方使用 postcss 配置，因此我想将其集中在postcss.config.js文件中。

我的 webpack 配置变成：

{
  loader: require.resolve('postcss-loader'),
  options: {
    ident: 'postcss',
    config: {
      path: './postcss.config.js'
    },
  },
}

我的 postcss.config.js 文件位于同一配置文件夹中，如下所示：

module.exports = {
  plugins: {
    'postcss-flexbugs-fixes': {},
    'autoprefixer': {
      browsers: [
        '>1%',
        'last 4 …