Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 带凉亭的网页包3_Webpack_Bower - Fatal编程技术网

Webpack 带凉亭的网页包3

Webpack 带凉亭的网页包3,webpack,bower,Webpack,Bower,我正在尝试将Webpack3与bower组件集成。但是,我似乎无法让主文件读取bower.json 这是我的配置: { context: __dirname, devtool: 'inline-sourcemap', entry: entries, output: { path: path.join(__dirname, 'build/js/modules/'), filename: '[name].bundle.js', }, module: { rules: [ {

我正在尝试将Webpack3与bower组件集成。但是,我似乎无法让主文件读取
bower.json

这是我的配置:

{
context: __dirname,
devtool: 'inline-sourcemap',
entry: entries,
output: {
  path: path.join(__dirname, 'build/js/modules/'),
  filename: '[name].bundle.js',
},
module: {
  rules: [
    {
      test: /\.coffee$/,
      use: [
        { loader: 'coffee-loader' },
      ]
    },
    {
      test: /\.js|\.jsx$/,
      exclude: /(node_modules|bower_components)/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: [
              [
                'env',
                {
                  targets: {
                    node: '6.11.4',
                    browsers: [
                      'last 2 versions',
                      '> 5%',
                      'ie >= 11',
                      'not and_chr > 0',
                      'not and_uc > 0',
                      'not android > 0',
                      'not ie_mob > 0',
                      'not ios_saf > 0',
                      'not op_mini > 0',
                    ]
                  },
                },
              ],
              'es2015',
              'react',
            ],
            plugins: []
          }
        },
      ]
    },
    {
      test: /\.jade$/,
      exclude: [/node_modules|bower_components/],
      use: [
        { loader: 'jade-loader' },
      ]
    }
  ]
},
resolve: {
  extensions: ['.js', '.jsx', '.coffee'],
  alias: {
    'spinner': path.resolve(__dirname, '../common/public/scripts/jquery-ui-1.9.1.custom.min.js'),
  },
  descriptionFiles: ['package.json', 'bower.json'],
  modules: ['node_modules', 'bower_components'],
  mainFields: ['module', 'main'],
},
plugins: [
  new webpack.optimize.CommonsChunkPlugin({
    name: 'common',
    minChunks: 3,
  }),
],
}

我不知道我做错了什么

我正在使用
webpack:3.6.0

bower组件位于
build/bower\u components/

中,我正在尝试从grunt+bower迁移到webpack+bower。找不到任何方便的东西。不知道少了什么。显然,在网页包中使用bower有点令人沮丧。我要么在npm中找到相同的包,要么将bower包交给一个私有存储库并使用nom获取它。好消息是,现在我们已经完全从我们的项目中弃用了bower。嘿@lightbringer,你有一些关于迁移的笔记吗。我面临着一个艰难的时期。@swateek基本上只是用npm软件包替换bower软件包,而那些无法迁移的软件包,我最终将它们作为第三方代码放入源代码中,然后使用webpack处理它们,谢谢@lightbringer,但我还没有时间做这件事。如果你没事的话,我可以在某个地方和你联系以获得帮助吗?我正在尝试从grunt+bower迁移到webpack+bower。找不到任何方便的东西。不知道少了什么。显然,在网页包中使用bower有点令人沮丧。我要么在npm中找到相同的包,要么将bower包交给一个私有存储库并使用nom获取它。好消息是,现在我们已经完全从我们的项目中弃用了bower。嘿@lightbringer,你有一些关于迁移的笔记吗。我面临着一个艰难的时期。@swateek基本上只是用npm软件包替换bower软件包,而那些无法迁移的软件包,我最终将它们作为第三方代码放入源代码中,然后使用webpack处理它们,谢谢@lightbringer,但我还没有时间做这件事。如果你没事的话,我可以找个地方和你联系,稍后再找你帮忙吗?