Skip to content

Instantly share code, notes, and snippets.

@CleitonDeLima
Last active March 16, 2017 20:24
Show Gist options
  • Save CleitonDeLima/7d3cd74a393c9078de248411e771b9cf to your computer and use it in GitHub Desktop.
Save CleitonDeLima/7d3cd74a393c9078de248411e771b9cf to your computer and use it in GitHub Desktop.
npm i -D webpack@1.14.0 webpack-dev-server@1.16.2 webpack-bundle-tracker@0.2.0
npm i -D babel-core@6.22.1 babel-loader@6.2.10 babel-plugin-react-html-attrs@2.0.0 babel-plugin-transform-object-rest-spread@6.22.0 babel-preset-es2015@6.22.0 babel-preset-react@6.22.0
npm i -D extract-text-webpack-plugin@1.0.1 css-loader@0.26.1 style-loader@0.13.1 file-loader@0.9.0
npm i -D font-awesome@4.7.0
npm i -D react@15.4.2 react-dom@15.4.2 react-router@3.0.2 redux@3.6.0 react-redux@4.4.6 redux-form@6.4.1 redux-multi@0.1.12 redux-promise@0.5.3 redux-thunk@2.1.0 react-redux-toastr@4.4.2 axios@0.15.3 lodash@4.17.4
{
"name": "teste",
"version": "1.0.0",
"description": "To set up a development environment quickly, first install Python 3. It comes with virtualenv built-in. So create a virtual env by:",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": ""
},
"keywords": [],
"author": "",
"license": "ISC",
"bugs": {
"url": ""
},
"homepage": "teste",
"devDependencies": {
"axios": "^0.15.3",
"babel-core": "^6.22.1",
"babel-loader": "^6.2.10",
"babel-plugin-react-html-attrs": "^2.0.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-es2015": "^6.22.0",
"babel-preset-react": "^6.22.0",
"css-loader": "^0.26.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"font-awesome": "^4.7.0",
"lodash": "^4.17.4",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-redux": "^4.4.6",
"react-redux-toastr": "^4.4.2",
"react-router": "^3.0.2",
"redux": "^3.6.0",
"redux-form": "^6.4.1",
"redux-multi": "^0.1.12",
"redux-promise": "^0.5.3",
"redux-thunk": "^2.1.0",
"style-loader": "^0.13.1",
"webpack": "^1.14.0",
"webpack-bundle-tracker": "^0.2.0",
"webpack-dev-server": "^1.16.2"
}
}
const path = require("path")
const webpack = require('webpack')
const BundleTracker = require('webpack-bundle-tracker')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: {
main: './assets/src/index'
},
output: {
path: path.resolve('./assets/bundles/'),
filename: "[name]-[hash].js",
},
resolve: {
extensions: ['', '.js', '.jsx'],
alias: {
modules: path.resolve(__dirname, 'node_modules'),
jquery: 'modules/jquery/dist/jquery.js',
bootstrap: './assets/src/vendors/bootstrap/js/bootstrap.min.js'
}
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}),
new ExtractTextPlugin('app.css'),
new BundleTracker({
filename: './webpack-stats.json'
}),
],
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react'],
plugins: ['transform-object-rest-spread']
}
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
},
{
test: /\.woff|.woff2|.ttf|.eot|.gif|.svg|.png|.jpg*.*$/,
loader: 'file'
}
],
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment