build dist

Author: Lobos

README.md

@@ -20,6 +20,24 @@ var FormControl = require('rctui/FormControl')
 import Input from 'rctui/Input'
 ```
 
+If you don't want compile the file or encounter any compile problems, you can use the built file
+```
+import { Form } from 'rctui/dist'
+
+```
+or use unpkg cdn
+```
+// html
+<script src="https://unpkg.com/rctui/dist/index.js"></script>
+// webpack config
+externals: {'react': 'React', 'react-dom': 'ReactDOM', 'rctui': 'rctui'},
+// jsx
+import { Form } from 'rctui'
+...
+
+```
+
+
 # cli
 There is a internal cli command, help you easy start you app.
 

build/Form.js

@@ -1,7 +1,7 @@
 {
   "name": "rctui",
   "author": "lobos841@gmail.com",
-  "version": "0.7.11",
+  "version": "0.7.12",
   "description": "a collection of components for React",
   "main": "./src/index.js",
   "scripts": {

build/ReactUI.js

@@ -82,7 +82,7 @@ class Image extends Component {
     const { title, type } = this.props
 
     return type === 'fill' || type === 'fit'
-      ? <div className={_styles.inner} title={title} style={{backgroundImage: `url(${src})`}} />
+      ? <div className={_styles.inner} title={title} style={{backgroundImage: `url("${src}")`}} />
       : <div className={_styles.inner} title={title}><img src={src} /></div>
   }
 

build/build/ReactUI.css

@@ -90,7 +90,7 @@ class ImgUpload extends Component {
       let url = substitute(srcTpl, v)
       return (
         <li key={i} style={{width, height}}>
-          <div className={_styles.img} style={{backgroundImage: `url(${url})`}}>
+          <div className={_styles.img} style={{backgroundImage: `url("${url}")`}}>
             <a href="javascript:;" onClick={() => removeValue(i)}>
               <span>{getLang('buttons.remove')} &times;</span>
             </a>

package.json

@@ -6,12 +6,12 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 module.exports = {
   entry: {
-    ReactUI: './src/index'
+    index: './src/index'
   },
   output: {
-    path: path.join(__dirname, 'build'),
+    path: path.join(__dirname, 'dist'),
     libraryTarget: 'umd',
-    library: '[name]',
+    library: 'rctui',
     filename: '[name].js'
   },
   externals: {'react': 'React', 'react-dom': 'ReactDOM'},
@@ -36,15 +36,13 @@ module.exports = {
         screw_ie8: true
       }
     }),
-    new ExtractTextPlugin('build/[name].css')
+    new ExtractTextPlugin('[name].css')
   ],
   module: {
     loaders: [
       { test: /\.jsx?$/, loaders: ['babel'] },
-      { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', ['css?modules&localIdentName=[hash:base64:8]', 'postcss', 'sass']) }
-    ],
-    preLoaders: [
-      { test: /\.scss$/, loader: 'rctui-theme-loader?theme=' }
+      { test: /\.scss$/, loaders: ['style-loader', 'css-loader?modules&localIdentName=[name]-[local]', 'postcss-loader', 'sass-loader'] }
+      // { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', ['css?modules&localIdentName=[hash:base64:8]', 'postcss', 'sass']) }
     ]
   },
   postcss: function () {