关于webpack, babel之类如何使用安装在全局的组件?

Question

每个项目下都安装node_modules 不现实啊. 实在是繁琐. 项目真的不需要考虑什么环境之类的.

如何全部使用nmp全局安装的组件?

比如babel

        {
            test:/\.js$/,                                   // 正则匹配

            exclude:/(node_modules|bower_components)/,      // 正则排除

            use:{
                loader:'D:\\data\\nodejs\\npm\\node_modules\\babel-loader',
                options:{
                    presets:['es2015']                         //转码规则
                }
            }
        }

这个presets es2015无法读取, 必须放在项目下的node_modules. 如何用全局的?

Answer 1

全局安装项目依赖不现实，应该每个项目需要的依赖的版本号可能不一样的，而且 node 的版本也可能会变化，会导致相应的依赖项失效，总而言之，随着项目数的增加，管理一样的依赖会变得越来越麻烦，所以在项目下安装依赖其实是方便的。

另外，npm 或者 cnpm 等包管理工具在下载 package 的时候会帮我们处理好缓存，这样我们每次安装的时候速度其实是很快的。

如你的描述，你遇到的实际问题是需要安装 babel-preset-es2015, 可以采用命令 npm i -S babel-preset-es2015，解决你的问题。

webpack 可以安装在全局，但是我认为没必要，完全可以在项目中，使用命令 npx webpack 来代替全局安装，这个是前端圈人的认识。