2017-02-21 56 views
4

Library Версия: [email protected] (Отрасль: v2.0)Неожиданный маркер ошибки при использовании Aurelia-WebPack-плагин во WebPack построить

Операционная система: Windows, Узел Версия: 6.7.0 NPM Версия: 3.10.8 Webpack Версия WebPack 2.2.1 Браузер: все Язык: машинопись 2,1 Текущее поведение:

Если мы используем aurelia-webpack-plugin в файле конфигурации webpack, мы получаем ошибку во время процесса сборки webpack. Ошибки показывает, что «SyntaxError: Неожиданный маркер =»

enter image description here

package.json

 "dependencies": { 
    "aurelia-bootstrapper-webpack": "^1.0.0", 
    "aurelia-event-aggregator": "^1.0.0", 
    "aurelia-framework": "^1.0.1", 
    "aurelia-history-browser": "^1.0.0", 
    "aurelia-loader-webpack": "^1.0.2", 
    "aurelia-logging-console": "^1.0.0", 
    "aurelia-templating-binding": "^1.0.0", 
    "aurelia-templating-resources": "^1.0.0", 
    "aurelia-templating-router": "^1.0.0" 
    }, 
    "devDependencies": { 
    "aurelia-webpack-plugin": "git+https://github.com/aurelia/webpack-plugin.git#v2.0", 
    "html-loader": "^0.4.3", 
    "source-map-loader": "^0.1.5", 
    "webpack": "^2.2.1" 
    } 

tsconfig.json

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "amd", 
    "experimentalDecorators": true, 
    "strictNullChecks": true, 
    "moduleResolution": "node", 
    "sourceMap": true,  
    "lib": [ 
     "es2017", 
     "dom" 
    ] 
    }, 
    "awesomeTypescriptLoaderOptions": { 
    "forkChecker": true 
    }, 
    "exclude": [ 
    "node_modules", 
    "build" 
    ] 
} 

webpack.config.js

const AureliaWebpackPlugin = require('aurelia-webpack-plugin'); 
var path = require('path'); 
// We need this to use the CommonsChunkPlugin. 
var webpack = require('webpack'); 

const baseUrl = '/'; 
const rootDir = path.resolve(); 
const srcDir = path.resolve('src'); 
const outDir = path.resolve('build'); 


module.exports = { 
    entry: { 
     // Our app's entry point, this is set automatically by aurelia-webpack-plugin 
     // using the files in the "src" folder that we're still going to create. 
     // The app knows which of the files is our entry point because of the "aurelia-bootstrapper-webpack" 
     // who reads the entry point from the aurelia-app="main" in our index.html. 
     'app': [],  
     //These are all the aurelia libraries, they will be bundled separately from our app's main code. 
     //I tried to bundle everything together, with no success. 
     'aurelia': [ 
      'aurelia-bootstrapper-webpack', 
      'aurelia-polyfills', 
      'aurelia-pal', 
      'aurelia-pal-browser', 
      'aurelia-binding', 
      'aurelia-dependency-injection', 
      'aurelia-event-aggregator', 
      'aurelia-framework', 
      'aurelia-history', 
      'aurelia-history-browser', 
      'aurelia-loader', 
      'aurelia-loader-webpack', 
      'aurelia-logging', 
      'aurelia-logging-console', 
      'aurelia-metadata', 
      'aurelia-path', 
      'aurelia-route-recognizer', 
      'aurelia-router', 
      'aurelia-task-queue', 
      'aurelia-templating', 
      'aurelia-templating-binding', 
      'aurelia-templating-router', 
      'aurelia-templating-resources' 
     ] 
    }, 
    // entry: 'main', 
    output: { 
     //This is the folder where our packed app will be after we run webpack. 
     path: './build', 
     filename: 'scripts/[name].bundle.js', 
     sourceMapFilename: 'scripts/[name].bundle.js.map' 
    }, 
    // devtool: 'source-map', 
    module: { 

     loaders: [ 
      { test: /\.html$/, use: 'html-loader'}, 
      { test: /\.json$/, use: 'json-loader'} 
     ] 
    }, 
    plugins: [ 

     new AureliaWebpackPlugin({ 
      root: rootDir, 
      src: srcDir,   
      baseUrl: baseUrl 
     }), 
     new webpack.optimize.CommonsChunkPlugin({ name: ['aurelia'] })   
    ], 
    // This is not necessary, it just changes the default port the 
    // webpack-dev-server uses from 3000 to whatever you set here. 
    devServer: { 
     port: 53092 
    },  
}; 
+0

кажется, что вы используете устаревшую версию aurelia-webpack. Не могли бы вы попытаться обновить скелет? –

+0

Я получаю ту же ошибку, используя 'aurelia-webpack-plugin 2.0.0-rc.2' –

ответ

0

Aurelia команды выпустила версию WebPack плагина для webpack4
https://github.com/aurelia/webpack-plugin/releases/tag/3.0.0-rc.1

Предыдущих версий WebPack (2 - 3,5) поддерживается
https://github.com/aurelia/webpack-plugin/releases/tag/2.0.0-rc.5

Существует подробная вики для плагина в репозитории
https://github.com/aurelia/webpack-plugin/wiki

Вот репо с хорошей стартовой конфигой для WebPack, если вы начинаете с нуля, и предпочитаете, чтобы свернуть свой собственный:
https://github.com/jods4/aurelia-webpack-build