鍍金池/ 問答/HTML/ 用Vue2.0構(gòu)建的多頁項目 webpack打包的 出現(xiàn)兼容問題

用Vue2.0構(gòu)建的多頁項目 webpack打包的 出現(xiàn)兼容問題

  1. 用vue2.0
  2. webpack 1.13.2打包
  3. 需要兼容到IE9

現(xiàn)在問題是IE10上正常 在IE9就會出現(xiàn)兼容問題

clipboard.png
網(wǎng)上查了很多資料
各種prolify都用了
求解決辦法

clipboard.png

clipboard.png

回答
編輯回答
裸橙

clipboard.png

2017年6月29日 05:16
編輯回答
囍槑

如果是直接解決問題,那么嘗試重新定義一下console方法。
要徹底點,那么去排查console在哪里沒編譯好吧。
建議看下 babel的配置。
額,webpack 1.13.2?
蛋疼了...我這是2.6.1
這個是webpack.base.conf.js

var path = require('path')
var utils = require('./utils')
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')
var webpack = require("webpack")
var ihrProject = require('../ihrProjectConfig')

function resolve(dir) {
  return path.join(__dirname, '..', dir)
}

module.exports = {
  entry: {
    app: ihrProject.main.path
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production' ?
      config.build.assetsPublicPath : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },
  module: {
    rules: [{
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')],
        exclude: "/node_module/"
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        query: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        query: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(mp3|wav)(\?.*)?$/,
        loader: 'url-loader',
        query: {
          limit: 10000,
          name: utils.assetsPath('audio/[name].[ext]')
        }
      }

    ]
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.LoaderOptionsPlugin({
      options: {
        babel: {
          presets: ['es2015', "stage-2"]
        }
      }
    }),
    new webpack.ProvidePlugin({
      //wangkun
      jQuery: "jquery",
      'window.jQuery': 'jquery',
      'root.jQuery': 'jquery',
      $: "jquery"
    }),

  ]
}

這個是vue-loader.conf.js

var utils = require('./utils')
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    extract: isProduction
  }),
  //添加路徑轉(zhuǎn)換
  transformToRequire: {
    "audio": "src"
  }
}
2018年8月23日 08:13