Webpack不解决全球安装的babel或babel-loader

我一直在尝试一个新的项目，并希望使用webpack和模块来分割代码。 我已经安装了npm，然后安装webpack，如下所示npm install -g webpack

npm install -g babel-cli babel-core babel-loader babel-presets-es2015

现在在我的项目中，我创build了一个包含以下内容的新的config.js文件。

 module.exports = { entry: './src/js/app.js', output: { filename: 'dist/js/bundle.js' }, module: { loaders: [ { test: /\.js$/, loader: 'babel-loader' } ] }, } 

然而，我总是得到一个错误，说ERROR in Entry module not found: Error: Cannot resolve module 'babel-loader'

换句话说，如何让webpackparsing全局安装的软件包？

Answer 1

终于搞定了。 不知道这是否是正确的方法。 但是，这是我的项目如何设置和工作。 我想应该有一个更好的方式来设置模块装载机的预置。

 my-project src js entry.js module1.js module2.js dist index.html js bundle.js 

现在，我目前的config.js设置如下所示。

 module.exports = { resolve: { fallback: '/usr/local/lib/node_modules' }, resolveLoader: { fallback: '/usr/local/lib/node_modules' }, entry: './src/js/app.js', output: { filename: 'dist/js/bundle.js' }, module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', query: { presets: ['/usr/local/lib/node_modules/babel-preset-es2015'] } } ] }, }