Thursday 20 April 2017

webpack/es2015 issues on CI codeship

Codeship does not appear to be transpiling node_modules so I'm getting Unexpected token > errors for es2015 syntax like the arrow function. On my localhost/dev environment I have no issues building my development or production build. I even tried creating a webpack.test.js for codeship to run instead and added this

  {
    test: /\.js$/,
    include: [
      path.resolve(__dirname, 'app/assets/src'),
      path.resolve(__dirname, 'test/javascripts'),
      path.resolve(__dirname, 'node_modules/')
    ],
    loader: 'babel-loader'
  },

However, it seems to still have issues with node_modules written in es6.

Here is my webpack file:

var path = require('path')
var webpack = require('webpack')

module.exports = {
  context: path.resolve(__dirname, 'app/assets/src'),
  entry: ['babel-polyfill', './index.js'],
  output: {
    path: path.resolve(__dirname, 'app/assets/javascripts/webpack'),
    filename: 'index.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: [
          path.resolve(__dirname, 'app/assets/src'),
          path.resolve(__dirname, 'tests/javascripts'),
          path.resolve(__dirname, 'node_modules')
        ],
        loader: 'babel-loader'
      },
      {
        test: /\.vue$/,
        include: [
          path.resolve(__dirname, 'app/assets/src')
        ],
        loader: 'vue-loader'
      }
    ]
  },
  plugins: [
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.ProvidePlugin({
      Vue: 'vue'
    })
  ],
  resolve: {
    alias: {
      vue: 'vue/dist/vue.js'
    }
  }
}



via cvDv

No comments:

Post a Comment