相关疑难解决方法(0)

我正在尝试使用异步,从零开始等待Babel 6,但我得到的再生器运行时没有定义.

.babelrc文件

{
    "presets": [ "es2015", "stage-0" ]
}

package.json文件

"devDependencies": {
    "babel-core": "^6.0.20",
    "babel-preset-es2015": "^6.0.15",
    "babel-preset-stage-0": "^6.0.15"
}

.js文件

"use strict";
async function foo() {
  await bar();
}
function bar() { }
exports.default = foo;

在没有async/await的情况下正常使用它可以正常工作.我有什么想法我做错了吗？

我正在使用带有vuetify的nuxt.我有一个工作轮播组件.我想生成静态文件夹中的.png文件列表.以下使用webpack从目录动态导入图像,然后按照https://webpack.js.org/guides/dependency-management/#context-module-api我的组件如下所示:

 <template>
  <v-carousel>
    <v-carousel-item v-for="(item,i) in items" :key="i" :src="item.src"></v-carousel-item>
  </v-carousel>
</template>


<script>

  var cache = {};
  function importAll(r) {
    r.keys().forEach(key => cache[key] = r(key));
  }
  var getImagePaths = importAll(require.context('../static/', false, /\.png$/));
  // At build-time cache will be populated with all required modules. 
  export default {
    data: function() {
      return {
        items: getImagePaths
      };
    }
  };
  //     export default {
  //       data() {
  //         return {
  //           items: [{
  //               src: "/52lv.PNG"
  //             },
  //             {
  // …

网络包 2.2.0

我在我的配置中包含/排除文件/文件夹，但 webpack 一直捆绑被排除的：

文件夹结构

src/
  index.js // entry point
server/
  test.js // file for testing
build/

webpack.config.js

const path = require('path')
const SRC = path.resolve(process.cwd(), './src')
const BUILD = path.resolve(process.cwd(), './build')

module.exports = {
  context: SRC,
  entry: {
    main: './'
  },
  output: {
    path: BUILD,
    filename: '[name].bundle.js',
    publicPath: '/assets/'
  },
  module: {
    rules: [{
      test: /\.jsx?/,
      include: SRC,
      exclude: path.resolve(process.cwd(), './server’), // even explicit excluding changes nothing
      loader: 'babel-loader'
    }]
  }
}

./src/index.js

import func from ‘../server/test.js’ // …

这是这个答案的后续。

我有一些 3rd 方代码（react 组件），我将它们捆绑为 ES 模块（使用pkg.module入口点）。这很好用（你得到模块连接和树摇动），但包含的代码没有用 babel 转译，因为按照大多数配置示例，我node_modules在 webpack 配置的 babel-loader 部分排除了这样的：

{
    ...
    module: {
        rules: [
            {
                exclude: /(node_modules)/,
                use: {
                    loader: 'babel-loader',
                    ...
                }
            }
        ]
    },
    ...
}

所以，当我运行 webpack 时，我收到了意外的令牌错误。根据链接的答案，我从使用 an 切换exclude到 aninclude以选择性地引入一些这样的包node_modules：

{
    ...
    module: {
        rules: [
            {
                include: [/node_modules\/@my-scope/, /src/],
                use: {
                    loader: 'babel-loader',
                    ...
                }
            }
        ]
    },
    ...
}

这似乎对我有用（当我运行 webpack 时不再出现意外的令牌错误），但我不能 100% 确定它正在做我认为的事情。

这个解决方案看起来正确吗？有没有更好的办法？