Build error but dev works well

Description

I get Unexpected token error when build.
But in dev mode, it works perfectly without any error.

Steps to reproduce

Clone a sample repo and follow steps.

Expected result

Build complete without error.

Actual result

Get this error:

(function (exports, require, module, __filename, __dirname) { label.radio-toggle-button {
                                                                                        ^

SyntaxError: Unexpected token {

Environment

Libs:
- gridsome version: v0.5.5
- @gridsome/cli version: v0.0.8


Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: v10.15.3  
- Platform: Windows 10 

Others:

[hjvedvik]

@gluons I’m able to build successfully when using webpack-node-externals. So I think we should include it in core in 0.6 with a simple API for whitelisting dependencies.

const nodeExternals = require('webpack-node-externals')

module.exports = {
  chainWebpack(config, { isServer }) {
    if (isServer) {
      config.externals(nodeExternals({
        whitelist: [/\.css$/, /\?vue&type=style/]
      }))
    }
  }
}

[u12206050]

I am having the same issue using Gridsome 0.6.2. Works fine ingridsome develop, but can’t build.

/…/node_modules/vue-stack-grid/index.js:1
(function (exports, require, module, __filename, __dirname) { import Stack from './src/Stack.vue'
                                                                     ^^^^^

SyntaxError: Unexpected identifier