Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //Instrukcja dorzucenia webpack'a do projektu:
- Najpierw tworzymy plik package.json a do jego środka wrzucamy:
- {
- "name": "webpack_firstuse",
- "version": "1.0.0",
- "description": "",
- "main": "index.html",
- "devDependencies": {
- "babel-core": "^6.24.1",
- "babel-loader": "^7.0.0",
- "babel-preset-es2015": "^6.24.1",
- "css-loader": "^0.28.4",
- "node-sass": "^4.5.3",
- "sass-loader": "^6.0.5",
- "style-loader": "^0.18.2",
- "webpack": "^2.6.1",
- "webpack-dev-server": "^2.4.5"
- },
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "author": "",
- "license": "ISC"
- }
- //Następnie tworzymy plik konfiguracyjny webpack'a który MUSI nazywać się: webpack.config.js a do jego środka wrzucamy:
- module.exports = {
- entry: "./js/app.js",
- output: {
- filename: "./out.js"
- },
- watch: true,
- module: {
- loaders: [
- {
- test: /\.js$/,
- exclude: /node_modules/,
- loader: 'babel-loader',
- query: {
- presets: ['es2015']
- }
- },
- {
- test: /\.scss$/,
- loaders: ['style-loader', 'css-loader',
- 'sass-loader'
- ]
- }
- ]
- }
- };
- ///Następnie w konsoli tam gdzie mamy stworzone pliku wpisuje komendę 'npm install' - ważne!! nie używamy tutaj sudo!
- //Po załadowaniu wszystkich zależności(tych które się znajdują w package.json) należy wpisać dwie komendy:
- ./node_modules/.bin/webpack
- lub sama komenda gdy jest zainstalowany globalnie
- webpack
- następnie należy wpisać komendę która włączy serwer na który będzie działała aplikacja:
- ./node_modules/.bin/webpack-dev-server --inline --hot
- WSZYSTKO DZIAŁA!!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement