Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- server.js ===========================
- "use strict.js"
- const webpack = require('webpack');
- const WebpackDevServer = require('webpack-dev-server');
- const config = require('./webpack.config');
- const compiler = webpack(config);
- const devServerOptions = {
- port: 3100,
- open: true,
- compress: true,
- allowedHosts: [
- 'dahut.ive',
- 'localhost'
- ],
- headers: {
- "Access-Control-Allow-Origin": "*",
- "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
- "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
- }
- };
- const server = new WebpackDevServer(devServerOptions, compiler);
- server.startCallback(() => {
- console.log("Starting server on http://localhost:3100");
- });
- package.json =========================
- {
- "name": "npm",
- "version": "1.0.0",
- "description": "",
- "main": "index.js",
- "dependencies": {
- "mithril": "^2.0.0-rc.6",
- "uikit": "^3.6.22"
- },
- "devDependencies": {
- "css-loader": "^6.5.1",
- "exports-loader": "^0.7.0",
- "html-webpack-plugin": "^5.5.0",
- "less": "^3.13.1",
- "less-loader": "^4.1.0",
- "style-loader": "^0.23.1",
- "webpack": "^5.66.0",
- "webpack-cli": "^4.9.1",
- "webpack-dev-server": "^4.7.3"
- },
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1",
- "start": "node server.js",
- "build": "webpack src/index.js -p"
- },
- "keywords": [],
- "author": "",
- "license": "ISC"
- }
- webpack.config.js ==========================
- const path = require('path');
- const HtmlWebpackPlugin = require('html-webpack-plugin');
- module.exports = {
- mode: 'development',
- output: {
- path: path.join(__dirname, 'dist'),
- filename: 'app.[contenthash].js',
- publicPath: './'
- },
- module: {
- rules: [
- {
- test: /\.css$/,
- use: [{
- loader: 'style-loader'
- }, {
- loader: 'style-loader'
- }]
- },
- {
- test: /\.less$/,
- use: [{
- loader: 'style-loader'
- }, {
- loader: 'css-loader'
- }, {
- loader: 'less-loader'
- }]
- }
- ]
- },
- plugins: [
- new HtmlWebpackPlugin({
- template: path.join(__dirname + '/index.html')
- })
- ]
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement