相关疑难解决方法(0)

如何在webpack.config.js中使用ES6?

如何在webpack.config中使用ES6?像这个回复 https://github.com/kriasoft/react-starter-kit 吗?

例如:

用这个

import webpack from 'webpack';
Run Code Online (Sandbox Code Playgroud)

代替

var webpack = require('webpack');
Run Code Online (Sandbox Code Playgroud)

这是一种好奇而不是需要.

webpack

197
推荐指数
10
解决办法
8万
查看次数

使用 Webpack 5 构建 ES 模块包,并在 Node.js ES 模块中使用该包

是否可以使用 Webpack 5 构建 ES 模块包(使用默认导出),然后在 Node.js ES 模块中使用(导入)该包?

我有以下文件:

|- webpack.config.js
|- package.json
|- /src
  |- index.js
Run Code Online (Sandbox Code Playgroud)

index.js

function util() {
    return "I'm a util!";
}
export default util;
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    experiments: {
        outputModule: true,
    },
};
Run Code Online (Sandbox Code Playgroud)

package.json

{
  "name": "exporter",
  "version": "1.0.0",
  "module": "dist/index.js",
  "scripts": {
    "build": "webpack"
  }
}
Run Code Online (Sandbox Code Playgroud)

运行后npm run build,我们得到:

|- webpack.config.js
|- package.json
|- …
Run Code Online (Sandbox Code Playgroud)

javascript node.js webpack es6-modules webpack-5

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

webpack ×2

es6-modules ×1

javascript ×1

node.js ×1

webpack-5 ×1