Initial commit

Author: rafaesc

.editorconfig

@@ -0,0 +1,14 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{json,yml,md}]
+indent_style = space
+indent_size = 2

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+Changelog.md

README.md

@@ -1,2 +1,17 @@
-# vue-webpack-loaders
-Basic Webpack loaders for Vue apps
+# Basic Webpack loaders for Vue apps
+
+Basic Vue Webpack loaders:
+
+* `vue-loader`
+* `babel-loader`
+* `css-loader` and `style-loader`
+* `json-loader`
+* `url-loader` for all other files
+
+Based on [vue-cli](https://github.com/vuejs/vue-cli)
+
+## Installation
+
+```
+npm install --save-dev vue-webpack-loaders
+```

index.js

@@ -0,0 +1,54 @@
+// Based on vue-cli
+// https://github.com/vuejs/vue-cli
+var vueLoaderConfig = require('./vue-loader.conf')
+
+module.exports = [
+	{
+		test: /\.vue$/,
+		exclude: /node_modules/,
+		loader: 'vue-loader',
+		options: vueLoaderConfig
+	},
+	{
+		test: /\.js$/,
+		exclude: /node_modules/,
+		loader: 'babel-loader',
+		options: {
+			"presets": [
+				["env", { "modules": false }],
+				"stage-2"
+			],
+			"plugins": ["transform-runtime"],
+			"comments": false,
+			"env": {
+				"test": {
+					"presets": ["env", "stage-2"],
+					"plugins": [ "istanbul" ]
+				}
+			}
+		},
+		query: {
+			babelrc: false,
+			cacheDirectory: true,
+		}
+	},
+	{
+		test: /\.css$/,
+		loader: 'style-loader!css-loader'
+	},
+
+	{
+		test: /\.json$/,
+		loader: 'json-loader'
+	},
+
+	{
+		exclude: [ /\.html$/, /\.js$/, /\.css$/, /\.vue$/, /\.json$/ ],
+		loader: 'url-loader',
+		query: {
+			limit: 10000,
+			name: 'static/media/[name].[hash:8].[ext]'
+		}
+	}
+
+]

index.spec.js

@@ -0,0 +1,18 @@
+const loaders = require('./index')
+var expect = require("chai").expect
+
+describe('tests', () => {
+	it('expose array with all loaders', () => {
+		expect(Array.isArray(loaders)).to.be.true
+	})
+
+	it('be able to require loaders', () => {
+		expect(() => require('babel-loader')).to.not.throw()
+		expect(() => require('css-loader')).to.not.throw()
+		expect(() => require('style-loader')).to.not.throw()
+		expect(() => require('json-loader')).to.not.throw()
+		expect(() => require('url-loader')).to.not.throw()
+		expect(() => require('vue-loader')).to.not.throw()
+	})
+})
+

package.json

@@ -0,0 +1,76 @@
+{
+  "name": "vue-webpack-loaders",
+  "version": "1.0.0",
+  "description": "Basic Webpack loaders for Vue apps",
+  "main": "index.js",
+  "files": [
+    "index.js"
+  ],
+  "scripts": {
+    "test": "mocha -c index.spec.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vue-styleguidist/vue-webpack-loaders.git"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "author": "Rafael Escala",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/vue-styleguidist/vue-webpack-loaders/issues"
+  },
+  "homepage": "https://github.com/vue-styleguidist/vue-webpack-loaders#readme",
+  "devDependencies": {
+    "autoprefixer": "^7.1.1",
+    "babel-core": "^6.25.0",
+    "babel-loader": "^7.0.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.5.2",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-register": "^6.24.1",
+    "css-loader": "^0.28.4",
+    "extract-text-webpack-plugin": "^2.1.2",
+    "file-loader": "^0.11.2",
+    "html-webpack-plugin": "^2.28.0",
+    "json-loader": "^0.5.4",
+    "postcss-loader": "^2.0.5",
+    "style-loader": "^0.18.2",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^12.2.1",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.3.4",
+    "webpack": "^2.6.1"
+  },
+  "dependencies": {
+    "chai": "^4.0.2",
+    "mocha": "^3.4.2",
+    "vue": "^2.3.4"
+  },
+  "peerDependencies": {
+    "webpack": "1 || 2"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "keywords": [
+    "webpack",
+    "loader",
+    "app",
+    "application",
+    "javascript",
+    "vue",
+    "js",
+    "babel",
+    "scss",
+    "sass",
+    "css",
+    "json",
+    "url",
+    "less"
+  ]
+}

utils.js

@@ -0,0 +1,46 @@
+exports.cssLoaders = function (options) {
+	options = options || {}
+
+	var cssLoader = {
+		loader: 'css-loader',
+		options: {
+			minimize: process.env.NODE_ENV === 'production',
+			sourceMap: options.sourceMap
+		}
+	}
+
+	// generate loader string to be used with extract text plugin
+	function generateLoaders (loader, loaderOptions) {
+		var loaders = [cssLoader]
+		if (loader) {
+			loaders.push({
+				loader: loader + '-loader',
+				options: Object.assign({}, loaderOptions, {
+					sourceMap: options.sourceMap
+				})
+			})
+		}
+
+		// Extract CSS when that option is specified
+		// (which is the case during production build)
+		if (options.extract) {
+			return ExtractTextPlugin.extract({
+				use: loaders,
+				fallback: 'vue-style-loader'
+			})
+		} else {
+			return ['vue-style-loader'].concat(loaders)
+		}
+	}
+
+	// https://vue-loader.vuejs.org/en/configurations/extract-css.html
+	return {
+		css: generateLoaders(),
+		postcss: generateLoaders(),
+		less: generateLoaders('less'),
+		sass: generateLoaders('sass', { indentedSyntax: true }),
+		scss: generateLoaders('sass'),
+		stylus: generateLoaders('stylus'),
+		styl: generateLoaders('stylus')
+	}
+}

vue-loader.conf.js

@@ -0,0 +1,5 @@
+var utils = require('./utils')
+
+module.exports = {
+	loaders: utils.cssLoaders()
+}