From 7e85da4607388260c0e358477debc090af4dece4 Mon Sep 17 00:00:00 2001 From: Amit Diamant Date: Mon, 25 Feb 2019 19:49:49 +0200 Subject: [PATCH] Update build process --- package.json | 19 ++++++++++++---- rollup.config.js | 41 ++++++++++++++++++++++++++++++++++ webpack.config.build.js | 49 ----------------------------------------- 3 files changed, 56 insertions(+), 53 deletions(-) create mode 100644 rollup.config.js delete mode 100644 webpack.config.build.js diff --git a/package.json b/package.json index e0e738b..fbd6b42 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,13 @@ { "name": "magnify-3d", - "version": "1.0.0", + "version": "1.0.1", "description": "Real time optic magnifying glass library.", "main": "build/Magnify3d.js", "scripts": { "dev": "./node_modules/.bin/webpack-dev-server --config ./webpack.config.sample --devtool source-map --progress --hot --mode=development", - "build": "NODE_ENV=production webpack --progress --config ./webpack.config.build --mode=production", + "build": "rm -rf ./build && cross-env NODE_ENV=rollup rollup -c", "build-sample": "NODE_ENV=production webpack --progress --config ./webpack.config.sample --mode=production", - "deploy-sample": "gh-pages -d build/sample" + "deploy-sample": "npm run build-sample && gh-pages -d build/sample" }, "author": "Amit Diamant", "repository": { @@ -16,17 +16,28 @@ }, "license": "MIT", "devDependencies": { + "babel-cli": "6.23.0", "babel-core": "^6.26.3", "babel-loader": "^7.1.4", "clean-webpack-plugin": "^1.0.1", "copy-webpack-plugin": "^5.0.0", + "cross-env": "2.0.1", "dat.gui": "^0.7.5", "gh-pages": "^2.0.1", "html-webpack-plugin": "^3.2.0", + "npm-run-all": "4.0.1", + "rollup": "^0.57.1", + "rollup-plugin-babel": "^3.0.3", + "rollup-plugin-commonjs": "^9.1.0", + "rollup-plugin-glsl": "^1.3.0", + "rollup-plugin-node-resolve": "^3.3.0", + "rollup-plugin-replace": "^2.0.0", + "rollup-plugin-uglify": "^3.0.0", "webpack": "4.29.3", "webpack-cli": "^3.2.3", "webpack-dev-server": "^3.1.14", - "webpack-glsl-loader": "1.0.1" + "webpack-glsl-loader": "1.0.1", + "three": "^0.92.0" }, "peerDependencies": { "three": "^0.92.0" diff --git a/rollup.config.js b/rollup.config.js new file mode 100644 index 0000000..02276fd --- /dev/null +++ b/rollup.config.js @@ -0,0 +1,41 @@ +import nodeResolve from 'rollup-plugin-node-resolve'; +import commonjs from 'rollup-plugin-commonjs'; +import babel from 'rollup-plugin-babel'; +import replace from 'rollup-plugin-replace'; +import uglify from 'rollup-plugin-uglify'; +import glsl from 'rollup-plugin-glsl'; + +export default { + input: './src/Magnify3d.js', + output: { + file: 'build/Magnify3d.js', + format: 'umd', + name: 'Magnify3d', + globals: { + three: 'THREE', + }, + }, + external: ['three'], + plugins: [ + nodeResolve(), + commonjs({ + include: 'node_modules/**', + }), + glsl({ + include: 'src/shaders/*.glsl' + }), + babel({ + exclude: 'node_modules/**', + }), + replace({ + 'process.env.NODE_ENV': JSON.stringify('development'), + }), + uglify({ + mangle: false, + output: { + comments: false, + beautify: false, + }, + }), + ], +}; diff --git a/webpack.config.build.js b/webpack.config.build.js deleted file mode 100644 index ca16835..0000000 --- a/webpack.config.build.js +++ /dev/null @@ -1,49 +0,0 @@ -const webpack = require('webpack'); -const CleanWebpackPlugin = require('clean-webpack-plugin'); -const path = require('path'); - -module.exports = { - entry: { - app: './src/Magnify3d.js' - }, - module: { - rules: [ - { - test: /.jsx?$/, - exclude: [/node_modules/], - loader: 'babel-loader' - }, - { - test: /\.glsl$/, - loader: 'webpack-glsl-loader' - } - ] - }, - plugins: [ - new CleanWebpackPlugin(['build']), - ], - optimization: { - minimize: false, - splitChunks: { - cacheGroups: { - commons: { - test: /[\\/]node_modules[\\/]/, - name: 'vendors', - chunks: 'all' - } - } - } - }, - resolve: { - modules: [ - path.resolve('./src'), - path.resolve('./src/shaders'), - 'node_modules' - ], - }, - output: { - filename: 'Magnify3d.js', - chunkFilename: '[name]-[chunkhash].js', - path: path.resolve(__dirname, "./build") - } -};