WordPress依赖项提取插件@wordpress/dependency-extraction-webpack-plugin
基本上,使您的ES6依赖项导入使用WordPress脚本,而不是反复将它们添加到捆绑包中。
这使得模块在WordPress中注册和排队(包括但不限于jquery
, moment
和react
和wp.*
模块)从构建中正确排除。
您可以添加要排除的其他依赖项(确保在WordPress中注册/排队)requestToHandle
回调。
例如,排除sayreact-sortable
内部版本中的组件注册为react-sortable
WordPress(PHP)中的脚本,
module.exports = {
plugins: [
new DependencyExtractionWebpackPlugin( {
requestToHandle: function ( module ) {
if ( module === \'react-sortable\' ) {
return \'react-sortable\'; // WordPress script handle
}
}
} ),
]
}