6

我有一个使用 WebSockets 的常规 Vue.js 项目（使用 v3.0.3 创建）。项目根/server目录中还有包含 Node.js 代码的文件夹，其中包含多人方面和套接字代码。

但是，由于该文件夹/server独立/src于 Vue.js 项目中的文件夹，我如何利用 Vue CLI webpack 配置并添加 babel 编译（使用 Webpack）来适当地编译/src

在此处输入图像描述

https://cli.vuejs.org/guide/webpack.html#simple-configuration

4

2 回答 2

5

我能够导入babel-cli并像这样编译/运行：

./node_modules/.bin/nodemon --exec babel-node --presets env,stage-2 server.js

它奏效了。

于 2018-10-13T02:48:08.967 回答
0

实际上，您应该在其中添加.babelrc文件和声明presets，env选项等。

我不知道你为什么不弹出，因为访问webpack配置。在 webpack 配置中，您可以声明您的src文件夹或排除其他文件夹，如node_modlules您的自定义server文件夹。

例如，查看您的问题的 webpack 配置：

module.exports = {
  ~~~
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: ['node_modules', 'server'],
        use: [
          {
            loader: 'babel-loader',
          },
        ],
      },
            ~~~

并查看示例.babelrc文件：

{
  "presets": [
    "es2015",
    "es2016",
    "es2017",
    "env",
    "stage-0"
  ],
  "plugins": [
    "transform-class-properties",
    "transform-object-rest-spread",
      [
        "transform-runtime",
        {
          "helpers": true,
          "polyfill": true,
          "regenerator": true
        }
      ]
    ],
    "env": {
      "development": {
        "compact": false
      }
    }
  }

然后你应该使用你的 webpack 命令来构建：

webpack -p --config ./webpack.production.config.js
于 2020-05-01T21:16:23.113 回答