Question

使用mocha-webpack vue.js前端Web应用程序运行单元测试用例时发生了RUNTIME EXCEPTION问题

任何人都可以共享webpack.config.js来加载.css文件。

我上面所附的屏幕截图。无法加载.css文件。

我在这里共享了webpack.config.js

'use strict'

var path = require('path')
var webpack = require('webpack')

module.exports = {
entry: './src/main.js',
// output: {
//   path: path.resolve(__dirname, './dist'),
//   publicPath: '/dist/',
//   filename: 'build.js'
// },
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': path.resolve(__dirname, 'src')
}
},
module: {
rules: [
{
  test: /\.vue$/,
  loader: 'vue-loader'
},

//babel loader
 {
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
 test: /\.(png|jpg|gif|svg|css|eot|ttf)$/,
 loader: 'file-loader',
 options: {
  name: '[name].[ext]?[hash]'
  }
 },
{
 test: /\.css$/,
 loader: [ 'style-loader',  'css-loader' ]
},
{
 test: /\.(jpg|jpeg|gif|png)$/,
 exclude: /node_modules/,
 loader:'url-loader?limit=1024&name=images/[name].[ext]'
 },
 {
 test: /\.(woff|woff2|eot|ttf|svg)$/,
 exclude: /node_modules/,
 loader: 'url-loader?limit=1024&name=fonts/[name].[ext]'
 },
 {
   test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf)$/,
   loader: 'url-loader?limit=10000',
  },
 {
    test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
    use: [{
         loader: 'file-loader',
         options: {
             name: '[name].[ext]',
             outputPath: 'fonts/'
         }
     }]
 }
  ]
 }

 // test specific setups
if (process.env.NODE_ENV === 'test') {
module.exports.externals = [require('webpack-node-externals')()]
module.exports.devtool = 'eval'
devtool: 'inline-cheap-module-source-map'
}

package.json中的脚本

  "test": "nyc --reporter=lcov mocha-webpack --webpack-config webpack.config.js --require test/setup.js test/test.js --reporter mochawesome --exit"

RUNTIME EXCEPTION加载测试时发生异常-Mocha-Webpack vue.js

0 个答案: