我有一个项目,这是成功地建立在詹金斯,但当我试图建立使用aws代码,它给出了一个插件错误。这个项目基本上是一个nodejs和reactjs项目。我们不想迁移到jenkins,因为我们是无服务器的,安装jenkins需要一个ec2实例。我们不想维护任何服务器。我尝试过以下AWS代码构建环境:

aws/codebuild/ubuntu-base:14.04
aws/codebuild/nodejs:6.3.1
aws/codebuild/nodejs:7.0.0
aws/codebuild/nodejs:4.4.7

只有当我使用aws/codebuild/ubuntu-base:14.04codebuild环境时,才会执行buildspec.yml的前四个命令。否则,只有最后三个命令是buildspec.yml的一部分
下面是我的buildspec.yml
version: 0.1

phases:
  build:
    commands:
      - sudo apt-get update
      - curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
      - sudo apt-get install -y nodejs
      - sudo apt-get install -y build-essential
      - npm install
      - npm run dev
      - aws s3 cp --recursive dist/ s3://$AWS_BUCKET_NAME/ --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers

下面是我在运行npm期间在aws codebuild中的错误日志
ERROR in
Child html-webpack-plugin for "index.html":
+ 3 hidden modules

另外,我在codebuild中安装npm时收到以下警告,但在jenkins中没有收到此警告
npm WARN deprecated babel-plugin-react-hot@1.0.4: This plugin is no longer maintained. Please use babel-plugin-react-transform with react-transform-hot-reload instead.

下面是我的webpack.config.js
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var FlowStatusWebpackPlugin = require('flow-status-webpack-plugin');

module.exports = {
    entry: [
        './src/app/index.js'
    ],
    output: {
        path: __dirname + '/dist',
        filename: 'index_bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.json$/,
                loader: 'json'
            },
            {
                test: /\.js$/,
                exclude: /(node_modules|test)/,
                loaders: ["babel-loader"]
            },
            {
                test: /\.(css|scss)$/,
                loaders: ['style', 'css', 'sass-loader']
            },
            {
                test: /\.(png|woff|woff2|eot|ttf|svg)$/,
                loader: 'url-loader',
                options: {
                    limit: 100000,
                    name: 'assets/[hash].[ext]'
                }
            },
            {
                test: /\.styl$/,
                loader: 'style-loader!css-loader!postcss-loader!stylus-loader'
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: __dirname + '/src/app/index.html',
            filename: 'index.html',
            inject: 'body'
        }),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        }),
        new webpack.DefinePlugin({
            "process.env": {
                'NODE_ENV': JSON.stringify('dev')
            }
        }),
        new FlowStatusWebpackPlugin({
            failOnError: true
        })
    ],
    devtool: 'source-map',
    node: {
        tls: "empty",
        fs: "empty"
    },
    resolve: {
        root: path.resolve(__dirname),
        alias: {
            '~': 'src',
        },
        extensions: ['', '.js', '.jsx']
    },
};

最佳答案

new HtmlWebpackPlugin({
  template: __dirname + '/src/app/index.html',
  filename: 'index.js',
  inject: 'body'
})

filename选项应该是一个javascript文件?即:filename: index.js

07-24 09:45
查看更多