beta

shiye515 · Jul 6, 2016 · 80e2eb4 · 80e2eb4
1 parent 5abaa8d
commit 80e2eb4
Show file tree

Hide file tree

Showing 14 changed files with 261 additions and 314 deletions.
diff --git a/build/build.js b/build/build.js
@@ -17,11 +17,6 @@ console.log(
 var spinner = ora('building for production...')
 spinner.start()
 
-var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
-rm('-rf', assetsPath)
-mkdir('-p', assetsPath)
-cp('-R', 'static/', assetsPath)
-
 webpack(webpackConfig, function (err, stats) {
   spinner.stop()
   if (err) throw err

diff --git a/build/utils.js b/build/utils.js
@@ -3,54 +3,54 @@ var config = require('../config')
 var ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 exports.assetsPath = function (_path) {
-  return path.posix.join(config.build.assetsSubDirectory, _path)
+    return path.posix.join(config.build.assetsSubDirectory, _path)
 }
 
 exports.cssLoaders = function (options) {
-  options = options || {}
-  // generate loader string to be used with extract text plugin
-  function generateLoaders (loaders) {
-    var sourceLoader = loaders.map(function (loader) {
-      var extraParamChar
-      if (/\?/.test(loader)) {
-        loader = loader.replace(/\?/, '-loader?')
-        extraParamChar = '&'
-      } else {
-        loader = loader + '-loader'
-        extraParamChar = '?'
-      }
-      return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
-    }).join('!')
+    options = options || {}
+        // generate loader string to be used with extract text plugin
+    function generateLoaders(loaders) {
+        var sourceLoader = loaders.map(function (loader) {
+            var extraParamChar
+            if (/\?/.test(loader)) {
+                loader = loader.replace(/\?/, '-loader?')
+                extraParamChar = '&'
+            } else {
+                loader = loader + '-loader'
+                extraParamChar = '?'
+            }
+            return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
+        }).join('!')
 
-    if (options.extract) {
-      return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
-    } else {
-      return ['vue-style-loader', sourceLoader].join('!')
+        if (options.extract) {
+            return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
+        } else {
+            return ['vue-style-loader', sourceLoader].join('!')
+        }
     }
-  }
 
-  // http://vuejs.github.io/vue-loader/configurations/extract-css.html
-  return {
-    css: generateLoaders(['css']),
-    postcss: generateLoaders(['css']),
-    less: generateLoaders(['css', 'less']),
-    sass: generateLoaders(['css', 'sass?indentedSyntax']),
-    scss: generateLoaders(['css', 'sass']),
-    stylus: generateLoaders(['css', 'stylus']),
-    styl: generateLoaders(['css', 'stylus'])
-  }
+    // http://vuejs.github.io/vue-loader/configurations/extract-css.html
+    return {
+        css: generateLoaders(['css']),
+        postcss: generateLoaders(['css']),
+        less: generateLoaders(['css', 'less']),
+        sass: generateLoaders(['css', 'sass?indentedSyntax']),
+        scss: generateLoaders(['css', 'sass']),
+        stylus: generateLoaders(['css', 'stylus']),
+        styl: generateLoaders(['css', 'stylus'])
+    }
 }
 
 // Generate loaders for standalone style files (outside of .vue)
 exports.styleLoaders = function (options) {
-  var output = []
-  var loaders = exports.cssLoaders(options)
-  for (var extension in loaders) {
-    var loader = loaders[extension]
-    output.push({
-      test: new RegExp('\\.' + extension + '$'),
-      loader: loader
-    })
-  }
-  return output
+    var output = []
+    var loaders = exports.cssLoaders(options)
+    for (var extension in loaders) {
+        var loader = loaders[extension]
+        output.push({
+            test: new RegExp('\\.' + extension + '$'),
+            loader: loader
+        })
+    }
+    return output
 }
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
@@ -2,101 +2,58 @@ var path = require('path')
 var config = require('../config')
 var utils = require('./utils')
 var webpack = require('webpack')
-var merge = require('webpack-merge')
-var baseWebpackConfig = require('./webpack.base.conf')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
-var env = process.env.NODE_ENV === 'testing'
-  ? require('../config/test.env')
-  : config.build.env
 
-var webpackConfig = merge(baseWebpackConfig, {
-  module: {
-    loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })
-  },
-  devtool: config.build.productionSourceMap ? '#source-map' : false,
-  output: {
-    path: config.build.assetsRoot,
-    filename: utils.assetsPath('js/[name].[chunkhash].js'),
-    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
-  },
-  vue: {
-    loaders: utils.cssLoaders({
-      sourceMap: config.build.productionSourceMap,
-      extract: true
-    })
-  },
-  plugins: [
-    // http://vuejs.github.io/vue-loader/workflow/production.html
-    new webpack.DefinePlugin({
-      'process.env': env
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: false
-      }
-    }),
-    new webpack.optimize.OccurenceOrderPlugin(),
-    // extract css into its own file
-    new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
-    // generate dist index.html with correct asset hash for caching.
-    // you can customize output by editing /index.html
-    // see https://github.com/ampedandwired/html-webpack-plugin
-    new HtmlWebpackPlugin({
-      filename: process.env.NODE_ENV === 'testing'
-        ? 'index.html'
-        : config.build.index,
-      template: 'index.html',
-      inject: true,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeAttributeQuotes: true
-        // more options:
-        // https://github.com/kangax/html-minifier#options-quick-reference
-      },
-      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
-      chunksSortMode: 'dependency'
-    }),
-    // split vendor js into its own file
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'vendor',
-      minChunks: function (module, count) {
-        // any required modules inside node_modules are extracted to vendor
-        return (
-          module.resource &&
-          /\.js$/.test(module.resource) &&
-          module.resource.indexOf(
-            path.join(__dirname, '../node_modules')
-          ) === 0
-        )
-      }
-    }),
-    // extract webpack runtime and module manifest to its own file in order to
-    // prevent vendor hash from being updated whenever app bundle is updated
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest',
-      chunks: ['vendor']
-    })
-  ]
-})
-
-if (config.build.productionGzip) {
-  var CompressionWebpackPlugin = require('compression-webpack-plugin')
-
-  webpackConfig.plugins.push(
-    new CompressionWebpackPlugin({
-      asset: '[path].gz[query]',
-      algorithm: 'gzip',
-      test: new RegExp(
-        '\\.(' +
-        config.build.productionGzipExtensions.join('|') +
-        ')$'
-      ),
-      threshold: 10240,
-      minRatio: 0.8
-    })
-  )
+module.exports = {
+    entry: {
+        index: './src/index.js'
+    },
+    output: {
+        path: config.build.assetsRoot,
+        filename: '[name].js'
+    },
+    resolve: {
+        extensions: ['', '.js', '.vue'],
+        fallback: [path.join(__dirname, '../node_modules')],
+        alias: {
+            'src': path.resolve(__dirname, '../src')
+        }
+    },
+    module: {
+        preLoaders: [{
+            test: /\.vue$/,
+            loader: 'eslint',
+            exclude: /node_modules/
+        }, {
+            test: /\.js$/,
+            loader: 'eslint',
+            exclude: /node_modules/
+        }],
+        loaders: [{
+            test: /\.vue$/,
+            loader: 'vue'
+        }, {
+            test: /\.js$/,
+            loader: 'babel',
+            exclude: /node_modules/
+        }]
+    },
+    eslint: {
+        formatter: require('eslint-friendly-formatter')
+    },
+    vue: {
+        loaders: utils.cssLoaders()
+    },
+    plugins: [
+        new webpack.DefinePlugin({
+            'process.env': {
+                NODE_ENV: '"production"'
+            }
+        }),
+        new webpack.optimize.UglifyJsPlugin({
+            compress: {
+                warnings: false
+            }
+        }),
+        new webpack.optimize.OccurenceOrderPlugin()
+    ]
 }
-
-module.exports = webpackConfig
diff --git a/config/index.js b/config/index.js
@@ -7,7 +7,7 @@ module.exports = {
     assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    productionSourceMap: true,
+    productionSourceMap: false,
     // 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:

diff --git a/example/App.vue b/example/App.vue
@@ -1,12 +1,12 @@
 <template>
     <div id="app">
-        <carousel :indicators="true" :loop="true" :auto="2000">
-            <carousel-item index="0">0</carousel-item>
-            <carousel-item index="1">1</carousel-item>
-            <carousel-item index="2">2</carousel-item>
-            <carousel-item index="3">3</carousel-item>
-            <carousel-item index="4">4</carousel-item>
-            <carousel-item index="5">5</carousel-item>
+        <carousel :indicators="true">
+            <carousel-item>carousel-item-0</carousel-item>
+            <carousel-item>carousel-item-1</carousel-item>
+            <carousel-item>carousel-item-2</carousel-item>
+            <carousel-item>carousel-item-3</carousel-item>
+            <carousel-item>carousel-item-4</carousel-item>
+            <carousel-item>carousel-item-5</carousel-item>
         </carousel>
     </div>
 </template>

diff --git a/package.json b/package.json
@@ -1,9 +1,23 @@
 {
-  "name": "vue",
+  "name": "vue-m-carousel",
   "version": "1.0.0",
-  "description": "A Vue.js project",
+  "description": "A Vue.js carousel component",
+  "main": "dist/index.js",
   "author": "shiye515 <shiye515@gmail.com>",
-  "private": true,
+  "homepage": "https://github.com/shiye515/vue-m-carousel",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shiye515/vue-m-carousel.git"
+  },
+  "bugs": {
+    "url": "https://github.com/shiye515/vue-m-carousel/issues"
+  },
+  "keywords": [
+    "vue",
+    "vue-component",
+    "carousel",
+    "slider"
+  ],
   "scripts": {
     "dev": "node build/dev-server.js",
     "build": "node build/build.js",