Ray Burgemeestre
6 роки тому
6 змінених файлів з 1500 додано та 6 видалено
+ 7
- 1
README.md
Переглянути файл
| @@ -1,2 +1,8 @@ | |||
| Followed this readme | |||
| Followed this readme for webpack: | |||
| https://webpack.js.org/guides/getting-started/ | |||
| Followed this for bulma: | |||
| https://bulma.io/documentation/customize/with-webpack/ | |||
| For vuejs: | |||
| https://itnext.io/vuejs-and-webpack-4-from-scratch-part-1-94c9c28a534a | |||
+ 3
- 0
dist/index.html
Переглянути файл
| @@ -8,7 +8,10 @@ | |||
| <body> | |||
| <div id="app"></div> | |||
| <div id="container" style="width:800px; height:600px;"></div> | |||
| <!-- for development commented out | |||
| <script src="main.js"></script> | |||
| --> | |||
| <div id="my-statusbar"></div> | |||
| <h1 class="title"> | |||
| Bulma | |||
+ 1466
- 0
package-lock.json
Різницю між файлами не показано, бо вона завелика
Переглянути файл
+ 5
- 2
package.json
Переглянути файл
| @@ -5,7 +5,8 @@ | |||
| "private": true, | |||
| "scripts": { | |||
| "test": "echo \"Error: no test specified\" && exit 1", | |||
| "build": "webpack" | |||
| "build": "webpack", | |||
| "dev": "webpack-dev-server --config webpack.config.js" | |||
| }, | |||
| "author": "", | |||
| "license": "ISC", | |||
| @@ -13,6 +14,7 @@ | |||
| "bulma": "^0.7.2", | |||
| "css-loader": "^1.0.0", | |||
| "extract-text-webpack-plugin": "^4.0.0-beta.0", | |||
| "html-webpack-plugin": "^3.2.0", | |||
| "node-sass": "^4.9.4", | |||
| "sass-loader": "^7.1.0", | |||
| "style-loader": "^0.23.1", | |||
| @@ -20,7 +22,8 @@ | |||
| "vue-style-loader": "^4.1.2", | |||
| "vue-template-compiler": "^2.5.17", | |||
| "webpack": "^4.21.0", | |||
| "webpack-cli": "^3.1.2" | |||
| "webpack-cli": "^3.1.2", | |||
| "webpack-dev-server": "^3.1.9" | |||
| }, | |||
| "dependencies": { | |||
| "lodash": "^4.17.11", | |||
+ 1
- 1
src/App.vue
Переглянути файл
| @@ -1,6 +1,6 @@ | |||
| <template> | |||
| <div> | |||
| <h1>Hello World!</h1> | |||
| <h1>Hello World wWohoo!</h1> | |||
| </div> | |||
| </template> | |||
+ 18
- 2
webpack.config.js
Переглянути файл
| @@ -1,10 +1,20 @@ | |||
| const path = require('path'); | |||
| const webpack = require('webpack'); | |||
| const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin'); | |||
| const ExtractTextPlugin = require("extract-text-webpack-plugin"); | |||
| const { VueLoaderPlugin } = require('vue-loader') | |||
| const { VueLoaderPlugin } = require('vue-loader'); | |||
| const HtmlWebpackPlugin = require('html-webpack-plugin'); | |||
| module.exports = { | |||
| mode: 'development', // change to production when ready | |||
| devServer: { | |||
| hot: true, | |||
| watchOptions: { | |||
| poll: true | |||
| } | |||
| }, | |||
| entry: './src/index.js', | |||
| output: { | |||
| filename: 'main.js', | |||
| @@ -33,6 +43,12 @@ module.exports = { | |||
| ] | |||
| }, | |||
| plugins: [ | |||
| new webpack.HotModuleReplacementPlugin(), // for development | |||
| new HtmlWebpackPlugin({ | |||
| filename: 'index.html', | |||
| template: 'dist/index.html', | |||
| inject: true | |||
| }), // for development | |||
| new MonacoWebpackPlugin(), | |||
| new ExtractTextPlugin('css/mystyles.css'), | |||
| new VueLoaderPlugin() | |||
Завантаження…