You may need an appropriate loader

[vaasav-kumar]

I have tried using all versions of webpack & mocha-webpack. Still getting the below error.

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

> <template>
| <div>

CONFIG FILES:

webpack.config-test.js

var nodeExternals = require('webpack-node-externals');

module.exports = {
output: {
devtoolModuleFilenameTemplate: '[absolute-resource-path]',
devtoolFallbackModuleFilenameTemplate: '[absolute-resource-path]?[hash]'
},
mode: 'development',
target: 'node', // webpack should compile node compatible code
externals: [nodeExternals()], // in order to ignore all modules in node_modules folder
devtool: "inline-cheap-module-source-map"
};

webpack.config-test.vue.js

export default {
module: {
rules: [
{
test: /.vue$/,
loader: 'vue-loader',
options: {
loaders: {
'scss': [
'vue-style-loader',
'css-loader',
'sass-loader'
],
'sass': [
'vue-style-loader',
'css-loader',
'sass-loader?indentedSyntax'
]
}
}
},
]
}
};

webpack.config-test.babel.js

export default {
module: {
rules: [
{
test: /.js$/,
loader: "babel-loader"
}
]
}
};