wordpress-development/scripts/webpack.dev.js at master · codekraft-studio/wordpress-development · GitHub

History

executable file

61 lines (53 loc) · 1.44 KB

Raw

const fs = require('fs');

const path = require('path');

const webpack = require('webpack');

const compiler = require('./webpack.base').compiler;

const env = require('dotenv').parse(

fs.readFileSync(path.resolve(__dirname, '../.env'))

)

const hostname = (env.HOSTNAME && env.HOSTNAME !== '') ?

`${env.HOSTNAME}` :

'localhost'

const port = (hostname === 'localhost') ?

`${(env.PORT || 8080)}` :

const devPort = env.DEVPORT || 8088

const computedHostname = `${hostname}:${port}`

// Set proxy configurations to access WordPress

const proxyConfig = {

target: `http://${computedHostname}`,

ignorePath: false,

changeOrigin: true,

secure: false

};

// Override process.env variables

// since they may be used in other files

for (let k in env) {

if (env[k] === '') {

delete process.env[k]

} else {

process.env[k] = env[k]

}

// Ensure context is set to root folder

compiler.context = path.join(__dirname, '../');

// Set source map for development mode

compiler.devtool = 'eval-source-map';

// Development server configuration

compiler.devServer = {

publicPath: `/wp-content/themes/theme/assets`,

proxy: {

'/': proxyConfig,

'**': proxyConfig

port: devPort

};

// Add environment variable for conditional requires

compiler.plugins.push(new webpack.EnvironmentPlugin({

NODE_ENV: 'development',

DEBUG: true,

HOSTNAME: computedHostname,

DEVPORT: devPort

}));

// Export new webpack settings

module.exports = compiler;

wordpress-development/scripts/webpack.dev.js at master · codekraft-studio/wordpress-development · GitHub

Uh oh!

Expand file tree

Breadcrumbs

webpack.dev.js

Latest commit

History

Breadcrumbs

webpack.dev.js

File metadata and controls