ModuleSpmPlugin Webpack SPM模块路径替换插件
Webpack 的模块路径替换利器——ModuleSpmPlugin，挺适合你在做前端模块管理时用的插件，尤其是跟 SPM 体系打交道的时候，能省不少事儿。
ModuleSpmPlugin的核心用途是替你在构建时自动识别和替换spm风格的模块路径，不用你手动去改 import 路径，省时省力。你只需要在webpack.config.js里这样配：
plugins: [
new webpack.ResolverPlugin([
new ModuleSpmPlugin()
])
]配置也不复杂，一般用在你写模块依赖时还保留着spm://这种老路径格式的项目中，插件就会帮你自动映射真实路径。
嗯，如果你平时还在维护一些老项目或者团队内部用的是自研的包系统，这个插件挺有用的。兼容性也不错，跟webpack 4+配合基本没问题。
要注意一点，ModuleSpmPlugin虽然简单，但最好还是配合你自己的模块路径映射策略用，比如在项目根目录下加一个统一的spm.config.js，这样更灵活。
想了解更多 Webpack 插件的用法，你可以看看Webpack 插件这篇文章。还有一个性能优化相关的插件也蛮实用，Broccoli-Webpack-Fast。
如果你本身就在用 SPM，还会对这个练习项目感兴趣，SPM DashBoard Angular 7。
，如果你还在老式模块路径、或者想在 Webpack 里灵活搞定模块解析，这个插件可以试试，安装简单，上手也快。
文件大小：3.26KB
评论区