鍍金池/ 問答/HTML/ webpack 公共代碼vendor出現(xiàn)es6語法沒有被編譯,但是其他打包文件已

webpack 公共代碼vendor出現(xiàn)es6語法沒有被編譯,但是其他打包文件已經(jīng)被編譯

問題描述

webpack 公共代碼vendor出現(xiàn)es6語法沒有被編譯,但是其他打包文件已經(jīng)被編譯

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

{
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
            query: {
                "plugins": [["transform-decorators-legacy"], ["transform-runtime"],
            ],
                "presets" : [
                    [ "env", {
                        "modules": false
                    }],
                    "es2015",
                    "react",
                    "stage-0"
                 ]
            }
        }
 // 提供公共代碼
    new webpack.optimize.CommonsChunkPlugin({ 
        name: 'vendor', 
        filename: 'js/[name].[hash:8].js'
     }),          

圖片

是這個里面的內(nèi)容,沒有被編譯
圖片描述

回答
編輯回答
柚稚

一些依賴可能被你 exclude 掉了,就沒有經(jīng)過 babel-loader 處理,自己查看一下。

2018年4月25日 00:49
編輯回答
有點壞

區(qū)別在于vendor中是node_modules代碼。 其他包含由業(yè)務代碼。

因此查看你webpack的js部分是怎么處理的。

2018年5月20日 20:59
編輯回答
情皺

新的語法才會被編譯,新的方法編譯后不會變的。新方法的支持是靠polyfill
而且你這個明顯是被exclude掉了

2018年3月13日 05:15
編輯回答
使勁操

解決了因為我的vendor是打包的第三方組件全部是在package.json的dependencies里面的,那些代碼在node_modules里面的,然后我這邊配置把exclude的node_modules排除掉了所以這里面的東西沒有編譯 以后細心點就是了0.0

2017年9月18日 05:44