WIP on the unit test

Author: Lionel Bijaoui

.eslintrc.js

@@ -16,7 +16,7 @@ module.exports = {
 	plugins: ["prettier"],
 	rules: {
 		indent: [1, "tab", { SwitchCase: 1 }],
-		quotes: [1, "double"],
+		quotes: [1, "double", { allowTemplateLiterals: true }],
 		semi: [2, "always"],
 		"no-var": [2],
 		"no-console": [0],

.prettierrc

@@ -1,9 +1,9 @@
 {
-    "printWidth": 180,
-    "tabWidth": 4,
-    "singleQuote": false,
-    "trailingComma": "none",
-    "bracketSpacing": true,
-    "semi": true,
-    "useTabs": true
+	"printWidth": 120,
+	"tabWidth": 4,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"bracketSpacing": true,
+	"semi": true,
+	"useTabs": true
 }

build/webpack.build.config.js

@@ -1,18 +1,43 @@
-let webpack = require("webpack");
-let version = require("./package.json").version;
-let banner = "/**\n" + " * vue-form-generator v" + version + "\n" + " * https://github.com/icebob/vue-form-generator\n" + " * Released under the MIT License.\n" + " */\n";
-let ExtractTextPlugin = require("extract-text-webpack-plugin");
-let StatsPlugin = require("stats-webpack-plugin");
+const path = require("path");
+const webpack = require("webpack");
+const version = require("./package.json").version;
+const banner = "/**\n" + " * vue-form-generator v" + version + "\n" + " * https://github.com/icebob/vue-form-generator\n" + " * Released under the MIT License.\n" + " */\n";
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const StatsPlugin = require("stats-webpack-plugin");
+const vueLoaderConfig = require("./vue-loader.conf");
 
 let rules = [
 	{
-		test: /\.js?$/,
+		test: /\.(js|vue)$/,
+		loader: "eslint-loader",
+		enforce: "pre",
+		include: [path.resolve("src")],
+		options: {
+			formatter: require("eslint-friendly-formatter")
+		}
+	},
+	{
+		test: /\.vue$/,
+		loader: "vue-loader",
+		include: [path.resolve("src")],
 		exclude: /node_modules/,
-		use: "babel-loader"
+		options: vueLoaderConfig
 	},
 	{
-		test: /\.vue?$/,
-		loader: "vue-loader"
+		test: /\.js$/,
+		loader: "babel-loader",
+		include: [path.resolve("src")],
+		exclude: /node_modules/
+	},
+	{
+		test: /\.(woff2?|svg)$/,
+		loader: "url-loader",
+		include: [path.resolve("src")]
+	},
+	{
+		test: /\.(ttf|eot)$/,
+		loader: "url-loader",
+		include: [path.resolve("src")]
 	}
 ];
 let cssFileName;
@@ -26,7 +51,7 @@ module.exports = [
 	{
 		entry: "./src/index.js",
 		output: {
-			path: "./dist",
+			path: path.resolve("dist"),
 			filename: "vfg.js",
 			library: "VueFormGenerator",
 			libraryTarget: "umd"
@@ -58,16 +83,13 @@ module.exports = [
 			rules
 		},
 
-		vue: {
-			loaders: {
-				css: ExtractTextPlugin.extract("css"),
-				postcss: ExtractTextPlugin.extract("css"),
-				sass: ExtractTextPlugin.extract("css!sass")
-			}
-		},
-
 		resolve: {
-			packageAlias: "browser"
+			aliasFields: ["browser"],
+			extensions: [".js", ".vue", ".json"],
+			alias: {
+				vue$: "vue/dist/vue.esm.js",
+				"@": path.resolve("src")
+			}
 		}
 	}
 ];

build/webpack.test.config.js

@@ -0,0 +1,68 @@
+const path = require("path");
+const vueLoaderConfig = require("./vue-loader.conf");
+const nodeExternals = require("webpack-node-externals");
+
+let rules = [
+	{
+		test: /\.(js|vue)$/,
+		loader: "eslint-loader",
+		enforce: "pre",
+		include: [path.resolve("src")],
+		options: {
+			formatter: require("eslint-friendly-formatter")
+		}
+	},
+	{
+		test: /\.vue$/,
+		loader: "vue-loader",
+		include: [path.resolve("src"), path.resolve("test")],
+		exclude: /node_modules/,
+		options: vueLoaderConfig
+	},
+	{
+		test: /\.js$/,
+		loader: "babel-loader",
+		include: [path.resolve("src"), path.resolve("test")],
+		exclude: /node_modules/
+	},
+	{
+		test: /\.(woff2?|svg)$/,
+		loader: "url-loader",
+		include: [path.resolve("src"), path.resolve("test")]
+	},
+	{
+		test: /\.(ttf|eot)$/,
+		loader: "url-loader",
+		include: [path.resolve("src"), path.resolve("test")]
+	}
+];
+
+module.exports = {
+	devtool: "inline-cheap-module-source-map",
+
+	entry: "./src/index.js",
+
+	output: {
+		path: path.resolve("dist"),
+		filename: "vfg.js",
+		library: "VueFormGenerator",
+		libraryTarget: "umd"
+	},
+
+	module: {
+		rules
+	},
+
+	plugins: [],
+
+	resolve: {
+		aliasFields: ["browser"],
+		extensions: [".js", ".vue", ".json"],
+		alias: {
+			vue$: "vue/dist/vue.esm.js",
+			src: path.resolve("src")
+		}
+	},
+
+	externals: [nodeExternals()]
+};