我怎样才能用简单的方式使用非CommonJS和es6导入的webpack？

要使用非CommonJS和ES6导入的Webpack，您可以按照以下步骤进行操作：

1. 配置Webpack：在Webpack配置文件中，您需要使用module.exports导出一个配置对象。配置对象中的entry属性指定入口文件，output属性指定输出文件的位置和名称。
2. 安装依赖：使用npm或者yarn安装Webpack及相关的loader和插件。例如，您可以安装webpack、webpack-cli、babel-loader、@babel/core等。
3. 配置Babel：Babel是一个用于将ES6代码转换为ES5代码的工具。在项目根目录下创建一个.babelrc文件，并配置Babel的转换规则。例如，您可以使用@babel/preset-env来转换ES6代码。
4. 配置Webpack Loader：在Webpack配置文件中，使用module.rules属性配置各种Loader。例如，您可以使用babel-loader来处理JavaScript文件。
5. 配置Webpack插件：使用plugins属性配置Webpack插件。例如，您可以使用html-webpack-plugin来生成HTML文件。
6. 运行Webpack：在命令行中运行webpack命令，Webpack将根据配置文件进行打包。

这样，您就可以使用非CommonJS和ES6导入的Webpack了。

请注意，以上步骤是一个简单的方式来使用Webpack，但实际项目中可能需要根据具体需求进行更详细的配置。同时，您还可以根据需要使用其他Webpack相关的功能和插件，如代码分割、热模块替换等。

关于Webpack的更多信息和详细配置，请参考腾讯云Webpack产品文档：Webpack产品文档