node.js – Webpack无法解析全局安装的babel或babel-loader

2023年11月26日 378次阅读

我一直在尝试一个新项目,并希望使用webpack和模块来分割代码.我安装了npm,然后按如下方式安装webpack

npm install -g webpack

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

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

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

}

但是,我总是得到一个错误说
找不到Entry模块中的错误：错误：无法解析模块’babel-loader’

换句话说,如何让webpack解析全局安装的包？

最佳答案 终于开始了.不确定这是不是正确的方法.然而,

这就是我的项目设置和工作方式.我想应该有一个更好的方法来设置模块加载器的预设.

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']
                }
            }
        ]
    },

}
点赞