angularjs - 网页包 3.0 : How can I exclude node_modules from build?

标签 angularjs webpack webpack-2 webpack-3

我尝试将“target:node”添加到 webpack.dev.js 以从我的捆绑文件中排除 node_modules。这会导致错误。现在我有“target:web”,但有 node_modules 回来了。这是我的应用程序部分的配置文件(尝试使用 DllReferencePlugin):

var path = require("path");
var webpack = require("webpack");

module.exports = {
  target:'web',

  devServer: {
    contentBase: path.join(__dirname, "build"),
    compress: true,
    port: 9000
  },
  node: {
    fs: 'empty'
  },
  cache: true,
  devtool: "eval", //or cheap-module-eval-source-map
  entry: {
    app: path.join(__dirname, "client/app", "app.js")
  },
  output: {
    path: path.join(__dirname, "buildf"),
    filename: "ha.js",
    chunkFilename: "[name].js"
  },
  plugins: [
    //Typically you'd have plenty of other plugins here as well
    new webpack.DllReferencePlugin({
      context: path.join(__dirname, "client"),
      manifest: require("./build/vendor-manifest.json")
    }),
  ],
  module: {
    loaders: [
      {
        test: /\.js?$/,
        loader: "babel-loader",
        include: [
          path.join(__dirname, "client") //important for performance!
        ],
        exclude: [
          path.resolve(__dirname, "node_modules")
        ],
        query: {
          cacheDirectory: true, //important for performance
          plugins: ["transform-regenerator"],
          presets: ["es2015", "stage-0"]
        }
      },

      { test: /\.(scss|sass)$/, loader: ['style-loader', 'css-loader', 'sass-loader'] },
      { test: /\.html$/, loader: 'raw-loader' },
      { test: /\.css$/, loader: 'css-loader' }
    ]
  }
};

如何从 ha.js(应用程序包)构建中排除 node_modules 文件夹?完整代码参见 here

最佳答案

Here一个例子:

 rules: [
    {
      test: /\.js$/,
      exclude: /(node_modules)/,  // <---
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
      }
    }
  ]

关于angularjs - 网页包 3.0 : How can I exclude node_modules from build?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48898290/

相关文章:

javascript - 如何解决大内容的 Angular 性能问题

javascript - Webpack 正确地不包含死代码,但捆绑了死代码的依赖项

javascript - 当从作用域中删除对象时,它会隐藏 Angularjs 中的其余部分

angularjs - 使用 Angular2 项目中的 AngularJS (Angular1) 模块

javascript - webpack require() 与否? React-hot-loader ES6 还是 jsx?

javascript - ReactJs + webpack + ie + console.log

angular - ionic2 不创建 webpack.config.js

css - 根据使用 Webpack 加载的模块动态加载 CSS - VueJS

javascript - Webpack 捆绑许可证合规性?

javascript - 值未更新