Merge pull request #6 from tolking/dev

chore: add rollup to build

Author: tolking

.browserslistrc

@@ -0,0 +1,2 @@
+last 2 versions and > 2%
+not ie <= 8

.gitignore

@@ -2,6 +2,7 @@
 
 node_modules/
 dist/
+lib/
 
 npm-debug.log
 yarn-error.log

.npmignore

@@ -4,10 +4,12 @@
 .editorconfig
 .eslintrc.js
 .prettierrc
+.browserslistrc
 
 node_modules/
 test/
 docs/
+dist/
 example/
 src/
 
@@ -17,4 +19,6 @@ yarn.lock
 package-lock.json
 *.test.js
 .travis.yml
-tsconfig.json
+tsconfig.json
+babel.config.js
+rollup.config.js

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-typescript'],
+}

package.json

@@ -1,13 +1,14 @@
 {
   "name": "vue-lazy-loading",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "a vue plugin to better supporting lazy loading for image and iframe",
-  "main": "dist/index.js",
-  "type": "module",
-  "types": "dist/index.d.ts",
+  "main": "lib/index.js",
+  "browser": "lib/index.esm.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "dev": "tsc -w",
-    "build": "tsc -b"
+    "build": "cross-env NODE_ENV=production&& rollup -c rollup.config.js"
   },
   "repository": {
     "type": "git",
@@ -28,7 +29,14 @@
   },
   "homepage": "https://github.com/tolking/vue-lazy-loading#readme",
   "devDependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-typescript": "^7.12.7",
     "@types/node": "^14.0.14",
-    "typescript": "^3.9.5"
+    "cross-env": "^7.0.3",
+    "rollup": "^2.35.1",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-typescript2": "^0.29.0",
+    "typescript": "^4.1.3"
   }
 }

rollup.config.js

@@ -0,0 +1,35 @@
+import ts from 'rollup-plugin-typescript2'
+import babel from 'rollup-plugin-babel'
+
+const commonConf = {
+  input: './src/index.ts',
+  plugins:[
+    ts({
+      extensions: ['.ts'],
+      tsconfig: './tsconfig.json',
+    }),
+    babel({
+      exclude: 'node_modules/**',
+      extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+    }),
+  ]
+}
+
+const list = [
+  {
+    file: 'lib/index.esm.js',
+    format: 'es',
+    exports: 'named',
+  },
+  {
+    file: 'lib/index.js',
+    format: 'umd',
+    exports: 'named',
+    name: 'VueLazyLoading',
+    compact: true,
+  },
+]
+
+const buildConf = options => Object.assign({}, commonConf, options)
+
+export default list.map(output => buildConf({ output }))

src/util.ts

@@ -19,7 +19,7 @@ export class LazyCore {
       this.setObserver()
     } else {
       this.type = 'none'
-      error('Your browser does not support IntersectionObserver. https://github.com/tolking/vue-lazy-loading#Browser Support')
+      error('Your browser does not support IntersectionObserver. https://github.com/tolking/vue-lazy-loading#Browser-Support')
     }
   }
 

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES5",
-    "module":"ES2015",
+    "module":"ESNext",
     "lib": ["ESNext", "DOM"],
     "outDir": "dist",
     "strict": true,