upload examples (#78)
diff --git a/examples/single-vue-to-js-example/README.md b/examples/single-vue-to-js-example/README.md
new file mode 100644
index 0000000..c3f02eb
--- /dev/null
+++ b/examples/single-vue-to-js-example/README.md
@@ -0,0 +1,38 @@
+This example is a template using webpack and weexLoader to convert single vue file to js file.
+
+If you want to convert vue file to js file, please follow the below steps.
+
+### Usage
+
+1. execute `npm install` in terminal
+
+2. copy the vue file to current directory
+
+3. update the content of `webpack.config.js`
+
+ ```js
+ entry: {
+ '<output-filename-without-js-extension>': '<input-file-path-with-filename>?entry=true'
+ },
+ output: {
+ path: path.resolve(__dirname, '<output-path>')
+ }
+ ```
+
+ for example, the below config convert `App.vue` to `e2e-landing.js` in current directory.
+
+ ```javascript
+ entry: {
+ // you should keep ?entry=true and you should give ./
+ 'e2e-landing': './App.vue?entry=true'
+ },
+ output: {
+ path: path.resolve(__dirname, './')
+ }
+ ```
+
+4. execute `npm run build:weex` in terminal.
+
+5. Done!
+
+The output file is what you wanted.
\ No newline at end of file
diff --git a/examples/single-vue-to-js-example/build/build-weex.js b/examples/single-vue-to-js-example/build/build-weex.js
new file mode 100644
index 0000000..d239546
--- /dev/null
+++ b/examples/single-vue-to-js-example/build/build-weex.js
@@ -0,0 +1,21 @@
+var webpack = require('webpack');
+var chalk = require('chalk');
+var webpackConfig = require('./webpack.weex.prod.conf');
+
+webpack(webpackConfig,function (err, stats) {
+ if (err) {
+ throw err
+ }
+ process.stdout.write(stats.toString({
+ colors: true,
+ modules: false,
+ children: false,
+ chunks: false,
+ chunkModules: false
+ }) + '\n\n')
+
+ console.log(chalk.cyan(' Build complete.\n'))
+ console.log(chalk.yellow(
+ ' Tip: weex bundle.js \n'
+ ))
+});
diff --git a/examples/single-vue-to-js-example/build/webpack.weex.prod.conf.js b/examples/single-vue-to-js-example/build/webpack.weex.prod.conf.js
new file mode 100644
index 0000000..7b52188
--- /dev/null
+++ b/examples/single-vue-to-js-example/build/webpack.weex.prod.conf.js
@@ -0,0 +1,31 @@
+var webpack = require('webpack');
+var baseWebpackConfig = require('../webpack.config.js');
+var merge = require('webpack-merge');
+
+var webacpkConfig = require('../config');
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
+if (!process.env.NODE_ENV) {
+ process.env.NODE_ENV = JSON.parse(webacpkConfig.weexBuild.env.NODE_ENV)
+}
+var env = process.env.NODE_ENV;
+
+if (env === 'production'){
+ baseWebpackConfig.output.filename = '[name].js';
+}
+
+module.exports = merge(baseWebpackConfig,{
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': JSON.stringify(env)
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ compress: {
+ warnings: false
+ }
+ }),
+ new webpack.BannerPlugin({
+ raw: true ,
+ banner: '// { "framework": "Vue" }\n'
+ })
+ ]
+});
diff --git a/examples/single-vue-to-js-example/config/dev.env.js b/examples/single-vue-to-js-example/config/dev.env.js
new file mode 100644
index 0000000..efead7c
--- /dev/null
+++ b/examples/single-vue-to-js-example/config/dev.env.js
@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+ NODE_ENV: '"development"'
+})
diff --git a/examples/single-vue-to-js-example/config/index.js b/examples/single-vue-to-js-example/config/index.js
new file mode 100644
index 0000000..e93f074
--- /dev/null
+++ b/examples/single-vue-to-js-example/config/index.js
@@ -0,0 +1,47 @@
+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+ build: {
+ env: require('./prod.env'),
+ index: path.resolve(__dirname, '../dist/index.html'),
+ assetsRoot: path.resolve(__dirname, '../dist'),
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ productionSourceMap: true,
+ // Gzip off by default as many popular static hosts such as
+ // Surge or Netlify already gzip all static assets for you.
+ // Before setting to `true`, make sure to:
+ // npm install --save-dev compression-webpack-plugin
+ productionGzip: false,
+ productionGzipExtensions: ['js', 'css'],
+ // Run the build command with an extra argument to
+ // View the bundle analyzer report after build finishes:
+ // `npm run build --report`
+ // Set to `true` or `false` to always turn it on or off
+ bundleAnalyzerReport: process.env.npm_config_report
+ },
+ dev: {
+ env: require('./dev.env'),
+ port: 8080,
+ autoOpenBrowser: true,
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ proxyTable: {},
+ // CSS Sourcemaps off by default because relative paths are "buggy"
+ // with this option, according to the CSS-Loader README
+ // (https://github.com/webpack/css-loader#sourcemaps)
+ // In our experience, they generally work as expected,
+ // just be aware of this issue when enabling this option.
+ cssSourceMap: false
+ },
+ weexDev: {
+ env: require('./dev.env'),
+ port: 8089,
+ assetsSubDirectory: 'dist',
+ assetsPublicPath: '/'
+ },
+ weexBuild: {
+ env: require('./prod.env')
+ }
+}
diff --git a/examples/single-vue-to-js-example/config/prod.env.js b/examples/single-vue-to-js-example/config/prod.env.js
new file mode 100644
index 0000000..773d263
--- /dev/null
+++ b/examples/single-vue-to-js-example/config/prod.env.js
@@ -0,0 +1,3 @@
+module.exports = {
+ NODE_ENV: '"production"'
+}
diff --git a/examples/single-vue-to-js-example/package.json b/examples/single-vue-to-js-example/package.json
new file mode 100644
index 0000000..0076425
--- /dev/null
+++ b/examples/single-vue-to-js-example/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "vuetojs",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "build:weex": "npm run release:weex",
+ "release:weex": "node build/build-weex.js"
+ },
+ "author": "renmin",
+ "license": "ISC",
+ "dependencies": {
+ "babel-loader": "^8.0.6",
+ "weex-loader": "^0.7.12",
+ "webpack": "^2.2.1",
+ "friendly-errors-webpack-plugin": "^1.1.3",
+ "webpack-merge": "^2.6.1",
+ "chalk": "^1.1.3"
+ }
+}
diff --git a/examples/single-vue-to-js-example/webpack.config.js b/examples/single-vue-to-js-example/webpack.config.js
new file mode 100644
index 0000000..2ac57da
--- /dev/null
+++ b/examples/single-vue-to-js-example/webpack.config.js
@@ -0,0 +1,32 @@
+var webpack = require('webpack');
+var path = require('path');
+
+function resolve (dir) {
+ return path.join(__dirname, '..', dir)
+}
+
+var config = {
+
+ entry: {
+ 'e2e-landing': './App.vue?entry=true'
+ },
+ output: {
+ path: path.resolve(__dirname, './')
+ },
+ module: {
+ rules: [
+ {
+ test: /\.vue(\?[^?]+)?$/,
+ loaders: ['weex-loader'],
+ exclude: /node_modules/
+ },
+ {
+ test: /\.js$/,
+ loaders: ['babel-loader'],
+ exclude: /node_modules/
+ }
+ ]
+ }
+};
+
+module.exports = config;
