Feature/webpack4 support

.babelrc

@@ -1,3 +1,5 @@
 {
-  "presets": ["es2015"]
+  "presets": [
+    ["env", { "targets": { "node": 7 }, "modules": false }]
+  ]
 }

.eslintrc

@@ -1,4 +1,4 @@
 {
   "root": true,
-  "extends": "vue"
+  "extends": ["plugin:vue-libs/recommended"]
 }

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,7 @@
+<!--
+IMPORTANT: Please use the following link to create a new issue:
+
+  https://new-issue.vuejs.org/?repo=vuejs/vue-loader
+
+If your issue was not created using the app above, it will be closed immediately.
+-->

.gitignore

@@ -5,3 +5,4 @@ docs/_book
 .DS_Store
 .idea
 *.iml
+yarn.lock

.npmignore

@@ -0,0 +1,8 @@
+node_modules
+npm-debug.log
+test/output
+docs/_book
+.DS_Store
+.idea
+*.iml
+yarn.lock

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015 Q42
+Copyright (c) 2018-present, 美团点评
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,14 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -1,23 +1,9 @@
-# vue-loader [![Build Status](https://circleci.com/gh/vuejs/vue-loader/tree/master.svg?style=shield)](https://circleci.com/gh/vuejs/vue-loader/tree/master) [![npm package](https://img.shields.io/npm/v/vue-loader.svg?maxAge=2592000)](https://www.npmjs.com/package/vue-loader)
+# mpvue-loader
 
-> Vue.js component loader for [Webpack](http://webpack.github.io).
+>Webpack loader for mpvue components
 
-**NOTE: the master branch (9.0+) only works with Vue 2.x. For usage with Vue 1.x, see the [8.x branch](https://github.com/vuejs/vue-loader/tree/8.x).**
+本仓库是 fork 自 [vue-loader](https://github.com/vuejs/vue-loader) 修改而来，主要为 webpack 打包 mpvue components 提供能力。
 
-It allows you to write your components in this format:
+更多详细文档请查阅 [mpvue-loader](http://mpvue.com/build/mpvue-loader)。
 
-![screenshot](http://blog.evanyou.me/images/vue-component.png)
-
-The best way to get started is with [vue-cli](https://github.com/vuejs/vue-cli):
-
-``` js
-npm install -g vue-cli
-vue init webpack-simple hello
-cd hello
-npm install
-npm run dev
-```
-
-This will setup a basic Webpack + `vue-loader` project for you, with `*.vue` files and hot-reloading working out of the box!
-
-For advanced `vue-loader` configuration, checkout the [documentation](http://vuejs.github.io/vue-loader/).
+bug 或者交流建议等请反馈到 [mpvue/issues](https://github.com/Meituan-Dianping/mpvue/issues)。

appveyor.yml

@@ -0,0 +1,21 @@
+# Test against the latest version of this Node.js version
+environment:
+  nodejs_version: "6"
+
+# Install scripts. (runs after repo cloning)
+install:
+  # Get the latest stable version of Node.js or io.js
+  - ps: Install-Product node $env:nodejs_version
+  # install modules
+  - npm install
+
+# Post-install test scripts.
+test_script:
+  # Output useful info for debugging.
+  - node --version
+  - npm --version
+  # run tests
+  - npm test
+
+# Don't actually build.
+build: off

docs/LANGS.md

@@ -1,2 +1,6 @@
 * [English](en/)
-* [한국어](ko/)
+* [한국어](kr/)
+* [Русский](ru/)
+* [Português](pt_BR/)
+* [日本語](ja/)
+* [中文](zh-cn/)

docs/book.json

@@ -1,6 +1,7 @@
 {
+  "title": "vue-loader",
   "gitbook": ">3.0.0",
-  "plugins": ["edit-link", "theme-vuejs@git+https://github.com/pearofducks/gitbook-plugin-theme-vuejs.git", "-fontsettings", "github"],
+  "plugins": ["edit-link", "theme-vuejs", "-fontsettings", "github"],
   "pluginsConfig": {
     "edit-link": {
       "base": "https://github.com/vuejs/vue-loader/tree/master/docs",

docs/en/README.md

@@ -10,6 +10,7 @@ There are many cool features provided by `vue-loader`:
 
 - ES2015 enabled by default;
 - Allows using other Webpack loaders for each part of a Vue component, for example SASS for `<style>` and Jade for `<template>`;
+- Allows custom sections in a .vue file that can have custom loader chains applied to them
 - Treat static assets referenced in `<style>` and `<template>` as module dependencies and handle them with Webpack loaders;
 - Can simulate scoped CSS for each component;
 - Supports component hot-reloading during development.
@@ -34,4 +35,4 @@ But Webpack can do more than that. With "loaders", we can teach Webpack to trans
 - Transpile SASS files into plain CSS, then convert it into a JavaScript snippet that insert the resulting CSS as a `<style>` tag;
 - Process an image file referenced in HTML or CSS, moved it to the desired destination based on the path configurations, and naming it using its md5 hash.
 
-Webpack is so powerful that when you understand how it works, it can dramatically improve your front-end workflow. Its primary drawback is verbose and complex configuration; but with this guide you should be able to find solutions for most common issues when using Webpack with Vue.js and `vue-loader`.
+Webpack is so powerful that when you understand how it works, it can dramatically improve your front-end workflow. Its primary drawback is its verbose and complex configuration; but with this guide you should be able to find solutions for most common issues when using Webpack with Vue.js and `vue-loader`.

docs/en/SUMMARY.md

@@ -12,9 +12,21 @@
   - [Asset URL Handling](configurations/asset-url.md)
   - [Advanced Loader Configuration](configurations/advanced.md)
   - [Extracting CSS File](configurations/extract-css.md)
+  - [Custom Blocks](configurations/custom-blocks.md)
 - Workflow
   - [Production Build](workflow/production.md)
   - [Linting](workflow/linting.md)
   - [Testing](workflow/testing.md)
   - [Testing with Mocks](workflow/testing-with-mocks.md)
 - [Options Reference](options.md)
+  - [loaders](options.md#loaders)
+  - [preLoaders](options.md#preloaders)
+  - [postLoaders](options.md#postloaders)
+  - [postcss](options.md#postcss)
+  - [cssSourceMap](options.md#csssourcemap)
+  - [esModule](options.md#esmodule)
+  - [preserveWhitespace](options.md#preservewhitespace)
+  - [transformToRequire](options.md#transformtorequire)
+  - [buble](options.md#buble)
+  - [extractCSS](options.md#extractcss)
+  - [optimizeSSR](options.md#optimizessr)

docs/en/configurations/advanced.md

@@ -1,54 +1,83 @@
 # Advanced Loader Configuration
 
-Sometimes you may want to apply a custom loader string to a language instead of letting `vue-loader` infer it. Or you may simply want to overwrite the built-in loader configuration for the default languages. To do that, add a `vue` block in your Webpack config file, and specify the `loaders` option.
+Sometimes you may want to:
 
-### Webpack 1.x
+1. Apply a custom loader string to a language instead of letting `vue-loader` infer it;
+
+2. Overwrite the built-in loader configuration for the default languages;
+
+3. Pre-process or post-process a specific language block with custom loaders.
+
+To do that, specify the `loaders` option for `vue-loader`:
+
+> Note that `preLoaders` and `postLoaders` are only supported in 10.3.0+
+
+### Webpack 2.x
 
 ``` js
-// webpack.config.js
 module.exports = {
   // other options...
   module: {
-    loaders: [
+    // module.rules is the same as module.loaders in 1.x
+    rules: [
       {
         test: /\.vue$/,
-        loader: 'vue'
+        loader: 'vue-loader',
+        options: {
+          // `loaders` will overwrite the default loaders.
+          // The following config will cause all <script> tags without "lang"
+          // attribute to be loaded with coffee-loader
+          loaders: {
+            js: 'coffee-loader'
+          },
+
+          // `preLoaders` are attached before the default loaders.
+          // You can use this to pre-process language blocks - a common use
+          // case would be build-time i18n.
+          preLoaders: {
+            js: '/path/to/custom/loader'
+          },
+
+          // `postLoaders` are attached after the default loaders.
+          //
+          // - For `html`, the result returned by the default loader
+          //   will be compiled JavaScript render function code.
+          //
+          // - For `css`, the result will be returned by vue-style-loader
+          //   which isn't particularly useful in most cases. Using a postcss
+          //   plugin will be a better option.
+          postLoaders: {
+            html: 'babel-loader'
+          },
+
+          // `excludedPreLoaders` should be regex
+          excludedPreLoaders: /(eslint-loader)/
+        }
       }
     ]
-  },
-  // vue-loader configurations
-  vue: {
-    // ... other vue options
-    loaders: {
-      // load all <script> without "lang" attribute with coffee-loader
-      js: 'coffee',
-      // load <template> directly as HTML string, without piping it
-      // through vue-html-loader first
-      html: 'raw'
-    }
   }
 }
 ```
 
-### Webpack 2.x (^2.1.0-beta.25)
+### Webpack 1.x
 
 ``` js
+// webpack.config.js
 module.exports = {
   // other options...
   module: {
-    // module.rules is the same as module.loaders in 1.x
-    rules: [
+    loaders: [
       {
         test: /\.vue$/,
-        loader: 'vue',
-        // vue-loader options goes here
-        options: {
-          loaders: {
-            // ...
-          }
-        }
+        loader: 'vue'
       }
     ]
+  },
+  // vue-loader configurations
+  vue: {
+    loaders: {
+      // same configuration rules as above
+    }
   }
 }
 ```

docs/en/configurations/asset-url.md

@@ -18,6 +18,6 @@ Because `.png` is not a JavaScript file, you will need to configure Webpack to u
 
 The benefits of all this are:
 
-1. `file-loader` allows you to designate where to copy and place the asset file, and how to name it using version hashes for better caching. Moreoever, this also means **you can just place images next to your `*.vue` files and use relative paths based on the folder structure instead of worrying about deployment URLs**. With proper config, Webpack will auto-rewrite the file paths into correct URLs in the bundled output.
+1. `file-loader` allows you to designate where to copy and place the asset file, and how to name it using version hashes for better caching. Moreover, this also means **you can just place images next to your `*.vue` files and use relative paths based on the folder structure instead of worrying about deployment URLs**. With proper config, Webpack will auto-rewrite the file paths into correct URLs in the bundled output.
 
 2. `url-loader` allows you to conditionally inline a file as base-64 data URL if they are smaller than a given threshold. This can reduce the amount of HTTP requests for trivial files. If the file is larger than the threshold, it automatically falls back to `file-loader`.