質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

解決済

ERROR in xxx.js from UglifyJs Unexpected token: operator (>) を解決したい

y-temp4
y-temp4

総合スコア8

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

2回答

0評価

0クリップ

5895閲覧

投稿2017/05/21 11:10

###前提・実現したいこと
タイトルにあるエラーを解決したいです。

環境はwebpack2系でバンドルを行っており、その過程でproduction buildしたいのですがUglifyJSPlugin等を使っても上記のエラーが出てしまい困っています。

エラーが出るのは、remark-parseなどを呼び出しているときです。このライブラリを呼び出す過程でwebpack.config.jsresolveextensions.jsonの拡張子を付け足す必要がありました。

この状態でuglifyすると上記のエラーが出ます。remark-parseを使わない状態(jsonファイルの解決を行っていない環境)ではエラーは出ません。

###該当のソースコード

上記の説明にあるwebpack.config.jsです。

js

/* eslint comma-dangle: ["error", {"functions": "never", "arrays": "only-multiline", "objects": "only-multiline"} ] */ const webpack = require('webpack'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const pathLib = require('path'); const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); const devBuild = process.env.NODE_ENV !== 'production'; const config = { entry: [ 'es5-shim/es5-shim', 'es5-shim/es5-sham', 'babel-polyfill', './entry/application', ], output: { filename: 'webpack-bundle.js', path: pathLib.resolve(__dirname, '../app/assets/webpack'), }, resolve: { // extensions: ['.js', '.jsx', '.css', '.scss'], extensions: ['.js', '.jsx', '.json', '.css', '.scss'], }, plugins: [ new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }), new ExtractTextPlugin('webpack-bundle.css'), new UglifyJSPlugin(), ], module: { rules: [ { test: require.resolve('react'), use: { loader: 'imports-loader', options: { shim: 'es5-shim/es5-shim', sham: 'es5-shim/es5-sham', } }, }, { test: /\.jsx?$/, use: 'babel-loader', exclude: /node_modules/, }, { test: /\.json$/, use: 'json-loader' }, { test: /\.(scss|sass|css)$/i, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ { loader: 'css-loader', options: { minimize: !devBuild } }, 'postcss-loader', 'sass-loader' ], }), } ], }, }; module.exports = config; if (devBuild) { console.log('Webpack dev build for Rails'); // eslint-disable-line no-console module.exports.devtool = 'eval-source-map'; } else { console.log('Webpack production build for Rails'); // eslint-disable-line no-console }

###試したこと

調べるとuglifyにはharmonyもあるようですが、追加してみても動きませんでした(yarn add --dev git+https://github.com/mishoo/UglifyJS2.git#harmony)。

###補足情報(言語/FW/ツール等のバージョンなど)

あまり関係ないかもしれませんが、react_on_railsの環境で開発をしています。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。