Question

我使用webpack运行cordova / Vue.js应用程序

在我的package.json中：

 "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0"
...
}

在我的webpack.config文件中：

const CONFIG = {

    entry: {
        app: ["babel-polyfill",  path.join(PATHS.SRC_JS, 'app.js')], 
    },


    output: {
        path: PATHS.DIST,
        //filename: 'app.bundle.js'
        filename: './js/[name].js' //
    },

    module: {
        rules: [
            ...
            {
                test: /\.js$/,
                exclude: /node_modules\/(?!(swiper)\/).*/,
                use: [
                    {
                        loader: 'eslint-loader',
                        options: {
                            emitWarning: true,
                            noConsole: 0 
                        }
                    },
                    {
                        loader: 'babel-loader',
                        options: {
                            presets: [ 'env']

                        }
                    }
                ]
            },


            //.VUE FILES
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]
    },




};


module.exports = CONFIG;

并在我的主app.js文件中，如果我写

console.log('app.js')
import style from '../css/sass/main.scss';
import config from '../assets/config.json';

然后我运行webpack和cordova编译，在ipad mini上输出，它可以工作，我在控制台上写了'app.js'。

但是，如果我向js文件（任何文件）添加导入：

import style from '../css/sass/main.scss';
import Preloader from './components/preloader-component.js';
import config from '../assets/config.json';

在ipad console上的

我有一个错误：

SyntaxError : Unexpected token ')' in app.js:1

在ios模拟器上使用xcode构建app时，它可以正常工作，但不适用于ipad（ios 9.3.5）。

需要帮助！感谢

分辨

最后问题是Babel没有正确传输ES6，所以iOS上的Safari不会读取代码...... 我只是将babel选项放在.babelrc文件中，而不是放在webpack配置文件中......它有效！神秘... 如果有人有同样的问题..

导入webpack / babel-loader中的js文件无法在ios9（ipad）

0 个答案: