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全局安装的软件包?

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

 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'] } } ] }, } 
  • React,babel,webpack不parsingjsx代码
  • 为什么在ES6模块中导出的对象有未定义的方法?
  • 巴比尔不能取代箭头function
  • 摩卡返回“callback不是一个函数”asynchronous调用
  • 从类未定义的构造函数中的新对象
  • 我必须在Node.js中使用Babel吗?
  • Babel不会忽略我的模块的正则expression式
  • 'babel-core / register'vs'babel-register'
  • Babel 6 – 启用function的默认参数
  • es6模块到commonjs节点和谐旗下的打字稿
  • 如何从babel-core中获得转译的string?