2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
28 |
29 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-sweetalert",
3 | "version": "0.1.18",
4 | "description": "vue-sweetalert",
5 | "main": "build/vue-sweetalert.js",
6 | "author": "lishengzxc",
7 | "license": "MIT",
8 | "scripts": {
9 | "dev": "webpack-dev-server --inline --hot --config webpack.dev.config.js",
10 | "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
11 | },
12 | "dependencies": {
13 | "babel-runtime": "^6.23.0",
14 | "sweetalert2": "^6.6.6",
15 | "vue": "^2.2.1"
16 | },
17 | "devDependencies": {
18 | "babel-core": "^6.0.0",
19 | "babel-loader": "^6.0.0",
20 | "babel-plugin-transform-runtime": "^6.0.0",
21 | "babel-preset-es2015": "^6.0.0",
22 | "babel-preset-stage-2": "^6.0.0",
23 | "cross-env": "^1.0.6",
24 | "css-loader": "^0.23.0",
25 | "file-loader": "^0.8.4",
26 | "json-loader": "^0.5.4",
27 | "style-loader": "^0.13.1",
28 | "url-loader": "^0.5.7",
29 | "vue-hot-reload-api": "^2.0.11",
30 | "vue-html-loader": "^1.0.0",
31 | "vue-loader": "^8.2.1",
32 | "vue-style-loader": "^1.0.0",
33 | "webpack": "^1.12.2",
34 | "webpack-dev-server": "^1.12.0"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueSweetAlert from './main'
3 |
4 | Vue.use(VueSweetAlert)
5 |
6 | new Vue({
7 | el: 'body',
8 | methods: {
9 | clickHandler() {
10 | this.$swal('hello')
11 | }
12 | }
13 | })
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import VueSweetAlert from './vue-sweetalert'
2 |
3 | export default VueSweetAlert
--------------------------------------------------------------------------------
/src/vue-sweetalert.js:
--------------------------------------------------------------------------------
1 | import swal from 'sweetalert2'
2 | require('sweetalert2/dist/sweetalert2.css')
3 |
4 | const VueSwal = {}
5 |
6 | VueSwal.install = function(Vue) {
7 | Vue.prototype.$swal = swal
8 | }
9 |
10 | export default VueSwal
--------------------------------------------------------------------------------
/webpack.base.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 |
3 | module.exports = {
4 | module: {
5 | loaders: [{
6 | test: /\.vue$/,
7 | loader: 'vue'
8 | }, {
9 | test: /\.js$/,
10 | loader: 'babel',
11 | exclude: /node_modules|vue\/src|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
12 | }, {
13 | test: /\.css$/,
14 | loader: 'style-loader!css-loader'
15 | }, {
16 | test: /\.json$/,
17 | loader: 'json'
18 | }, {
19 | test: /\.html$/,
20 | loader: 'vue-html'
21 | }, {
22 | test: /\.(png|jpg|gif|svg)$/,
23 | loader: 'url',
24 | query: {
25 | limit: 10000,
26 | name: '[name].[ext]?[hash]'
27 | }
28 | }]
29 | },
30 | resolveLoader: {
31 | root: path.join(__dirname, 'node_modules'),
32 | },
33 | externals: {
34 | vue: 'Vue'
35 | }
36 | }
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 | var options = require('./webpack.base.config')
4 |
5 | options.entry = './src/main.js'
6 | options.output = {
7 | path: path.resolve(__dirname, './build'),
8 | publicPath: '/build/',
9 | filename: 'vue-sweetalert.js',
10 | library: 'VueSweetAlert',
11 | libraryTarget: 'umd'
12 | }
13 |
14 | options.devtool = '#source-map'
15 | options.plugins = (options.plugins || []).concat([
16 | new webpack.DefinePlugin({
17 | 'process.env': {
18 | NODE_ENV: '"production"'
19 | }
20 | }),
21 | new webpack.optimize.UglifyJsPlugin({
22 | compress: {
23 | warnings: false
24 | }
25 | }),
26 | new webpack.optimize.OccurenceOrderPlugin()
27 | ])
28 |
29 | module.exports = options
--------------------------------------------------------------------------------
/webpack.dev.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 | var options = require('./webpack.base.config')
4 |
5 | options.entry = './src/app.js'
6 | options.output = {
7 | path: path.resolve(__dirname, './dist'),
8 | publicPath: '/dist/',
9 | filename: 'dist.js',
10 | }
11 | options.devServer = {
12 | historyApiFallback: true,
13 | noInfo: true
14 | }
15 | options.devtool = '#eval-source-map'
16 |
17 | module.exports = options
18 |
--------------------------------------------------------------------------------