generator-arc-component
Advanced tools
generator-arc-component - npm Package Compare versions
@@ -7,6 +7,7 @@ { | ||
| "scripts": { | ||
| "clean": "rimraf dist", | ||
| "clean": "rimraf dist", | ||
| "start": "NODE_ENV=development webpack-dev-server --hot --history-api-fallback", | ||
| "build": "NODE_ENV=production npm run clean && webpack", | ||
| "test" : "ava" | ||
| "prebuild": "npm run clean", | ||
| "build": "NODE_ENV=production babel src --out-dir dist", | ||
| "test": "ava" | ||
| }, | ||
@@ -16,5 +17,3 @@ "author": "<%= author %>", | ||
| "dependencies": { | ||
| "classnames": "^2.2.5", | ||
| "react": "^15.3.2", | ||
| "react-dom": "^15.3.2" | ||
| "classnames": "^2.2.5" | ||
| }, | ||
@@ -32,3 +31,2 @@ "devDependencies": { | ||
| "babel-preset-stage-2": "^6.18.0", | ||
| "css-loader": "^0.25.0", | ||
| "dotenv": "^2.0.0", | ||
@@ -38,10 +36,8 @@ "enzyme": "^2.7.1", | ||
| "eslint-plugin-react": "^6.6.0", | ||
| "extract-text-webpack-plugin": "^2.0.0-beta", | ||
| "html-webpack-plugin": "^2.28.0", | ||
| "node-sass": "^3.13.0", | ||
| "react": "^15.4.2", | ||
| "react-addons-test-utils": "^15.4.2", | ||
| "react-dom": "^15.4.2", | ||
| "react-hot-loader": "^3.0.0-beta.6", | ||
| "rimraf": "^2.5.4", | ||
| "sass-loader": "^4.0.2", | ||
| "style-loader": "^0.13.1", | ||
| "webpack": "2.1.0-beta.27", | ||
@@ -59,3 +55,6 @@ "webpack-dev-server": "2.1.0-beta.11" | ||
| "babel": "inherit" | ||
| },"peerDependencies": { | ||
| "react": "^0.14.7 || ^15.0.0", | ||
| "react-dom": "^0.14.7 || ^15.0.0" | ||
| } | ||
| } |
@@ -11,3 +11,3 @@ import <%= root_component_name %> from '../src'; | ||
| return <div> | ||
| <h1>Welcome</h1> | ||
| <h1><%= root_component_name %></h1> | ||
| <<%= root_component_name %>/> | ||
@@ -14,0 +14,0 @@ </div>; |
@@ -5,2 +5,9 @@ <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
| <style> | ||
| html,body{ | ||
| height : 100%; | ||
| width : 100%; | ||
| } | ||
| </style> | ||
| <title><%= root_component_name %></title> | ||
@@ -7,0 +14,0 @@ </head> |
| # <%= appname %> | ||
| <img src="https://travis-ci.org/<%= github_username %>/<%= appname %>.svg?branch=master" alt="build status"/> | ||
| <img src="https://travis-ci.org/accessible-react/<%= appname %>.svg?branch=master" alt="build status"/> | ||
@@ -5,0 +5,0 @@ ### <%= description %> |
@@ -5,3 +5,2 @@ var path = require('path'); | ||
| var devPath = path.join(__dirname, 'playground'); | ||
| var ExtractTextWebpackPlugin = require('extract-text-webpack-plugin'); | ||
| var HtmlWebpackPlugin = require('html-webpack-plugin'); | ||
@@ -14,3 +13,4 @@ | ||
| entry : { | ||
| bundle : ['babel-polyfill'], | ||
| bundle : [], | ||
| vendor : ['react', 'react-dom'] | ||
| }, | ||
@@ -30,4 +30,2 @@ output: { | ||
| exclude:/node_modules/ | ||
| },{ | ||
| test : /.scss$/ | ||
| } | ||
@@ -58,3 +56,2 @@ ] | ||
| config.resolve.modules.push(devPath); | ||
| config.module.rules[1].use = ['style-loader','css-loader','sass-loader']; | ||
@@ -70,2 +67,3 @@ //config.module.rules[0].use.unshift('react-hot-loader/webpack'); | ||
| }), | ||
| new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.bundle.js' }), | ||
| new HtmlWebpackPlugin({ | ||
@@ -81,10 +79,20 @@ title: '<%= appname %>', | ||
| } else { | ||
| config.module.rules[1].loader = | ||
| ExtractTextWebpackPlugin.extract({ | ||
| fallbackLoader: "style-loader", | ||
| loader: "css-loader!sass-loader" | ||
| }); | ||
| config.externals= { | ||
| 'react': { | ||
| root: 'React', | ||
| commonjs2: 'react', | ||
| commonjs: 'react', | ||
| amd: 'react' | ||
| }, | ||
| 'react-dom': { | ||
| root: 'ReactDOM', | ||
| commonjs2: 'react-dom', | ||
| commonjs: 'react-dom', | ||
| amd: 'react-dom' | ||
| } | ||
| }; | ||
| config.plugins.push( | ||
| new ExtractTextWebpackPlugin('style.css'), | ||
| new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.bundle.js' }), | ||
| new webpack.DefinePlugin({ | ||
@@ -94,3 +102,5 @@ 'process.env': { | ||
| } | ||
| }) | ||
| }), | ||
| new webpack.NoErrorsPlugin(), | ||
| new webpack.optimize.UglifyJsPlugin() | ||
| ); | ||
@@ -97,0 +107,0 @@ config.entry.bundle.push(path.resolve(assetsPath,'index.js')); |
+1
-1
| { | ||
| "name": "generator-arc-component", | ||
| "version": "1.1.1", | ||
| "version": "1.1.2", | ||
| "description": "Generate accessible react component boilerplate", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
Sorry, the diff of this file is not supported yet
New alerts
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Unidentified License
LicenseSomething that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
Fixed alerts
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Unidentified License
LicenseSomething that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
50644
0.7%- Lines of code
307
3.02%