在webpack4中，你可以在webpack的配置文件（如webpack.config.js）中，使用async属性来为静态资源添加async属性。以下是一个示例：

javascript module.exports = { // ... module: { rules: [ { test: /\.js$/, use: 'babel-loader', async: true, }, ], }, // ... };

在这个例子中，我们使用了Babel的async loader来处理JavaScript文件。这样，JavaScript文件在编译时就会被转换为异步加载的JavaScript代码。

注意，async属性并不会改变JavaScript文件的源代码，而是会为这些文件创建一个新的，异步加载的JavaScript文件。因此，异步加载的JavaScript文件在浏览器中是延迟加载的，不会立即显示出来。

另外，async属性也不会改变HTML页面的渲染顺序，只会改变JavaScript文件的加载顺序。因此，如果你的JavaScript文件加载顺序影响了HTML页面的渲染顺序，那么你需要确保这些JavaScript文件不会被其他异步加载的JavaScript文件覆盖。