首页
前端开发
Webpack
inject-webpack-plugin Webpack依赖注入插件

inject-webpack-plugin Webpack依赖注入插件

0 次浏览 0 条评论
zip
zip

Webpack 的依赖注入用起来顺手又不啰嗦。inject-webpack-plugin 是个蛮轻量的插件，主要用来在打包的时候直接替换或注入一些依赖文件。比如你想把某个 JS 或 SCSS 文件换成另外一个文件，它就能搞定。

安装方式也比较熟：npm install inject-webpack-plugin --save-dev。你在 webpack.config.js 里这么用：

import InjectWebpackPlugin from 'webpack-inject-plugin';


export default {
  plugins: [
    new InjectWebpackPlugin({
      'src/old.js': 'src/new.js',
      'src/styles/old.scss': 'src/styles/new.scss',
      'react': 'preact'
    })
  ]
}

看出来了吗？它其实就是帮你“偷偷”换掉依赖，用起来挺灵活的，适合搞主题切换、多环境配置这类活儿。

对了，这插件和别的一些工具配合效果也不错，比如 i18next-scanner-webpack，要做国际化的朋友可以一起试试。

如果你项目里需要动态替换某些依赖，不想每次都手动改代码，那这个插件你可以考虑加上，省事多了。

zip 文件大小：45.52KB