在webpack中，可以使用import和export语句将ES6规范转换为模块化JS文件。以下是一个简单的示例：

1. 首先，安装webpack和webpack-cli： npm install webpack webpack-cli

2. 创建一个webpack.config.js文件，然后在文件中添加以下内容： javascript module.exports = { entry: './src/index.js', output: { path: './dist', filename: 'bundle.js' }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] }, resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx'] } };

在这个配置文件中，我们使用了@babel/preset-env作为我们的预处理器，它会将ES6规范转换为模块化的JS文件。

1. 然后，在你的JavaScript文件中，你可以像使用任何其他JavaScript文件一样使用import和export语句： ```javascript import React from 'react'; import './App.css'; import './App.js';

export default function App() { return (

在这个示例中，App.js是一个模块，它包含了React组件和CSS文件。App.css是一个CSS文件，它包含了样式。当运行webpack时，它会将App.js和App.css的代码合并到一个名为bundle.js的文件中。

注意：这个示例假设你已经安装了@babel/preset-env和babel-loader。如果没有，你可以通过npm install来安装。