Skip to content

Instantly share code, notes, and snippets.

@coryhouse
Last active April 15, 2023 15:08
Show Gist options
  • Star 32 You must be signed in to star a gist
  • Fork 14 You must be signed in to fork a gist
  • Save coryhouse/d611e83e432f3ae65cc46ebb9b599930 to your computer and use it in GitHub Desktop.
Save coryhouse/d611e83e432f3ae65cc46ebb9b599930 to your computer and use it in GitHub Desktop.
Development Webpack config for "Building a JavaScript Development Environment" on Pluralsight
import path from 'path';
export default {
debug: true,
devtool: 'inline-source-map',
noInfo: false,
entry: [
path.resolve(__dirname, 'src/index')
],
target: 'web',
output: {
path: path.resolve(__dirname, 'src'),
publicPath: '/',
filename: 'bundle.js'
},
plugins: [],
module: {
loaders: [
{test: /\.js$/, exclude: /node_modules/, loaders: ['babel']},
{test: /\.css$/, loaders: ['style','css']}
]
}
}
Copy link

ghost commented Feb 18, 2019

For "webpack": "^3.0.0"

import path from 'path';
import webpack from 'webpack';

export default{
  devtool: 'inline-source-map',
  entry: [
    path.resolve(__dirname, 'src/index')
  ],
  target: 'web',
  output: {
    path: path.resolve(__dirname, 'src'),
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.LoaderOptionsPlugin({
      debug: true,
      noInfo: false
    })
  ],
  module: {
    rules: [{
      test: /\.js$/,
      enforce: "pre",
      exclude: /node_modules/,
      loaders: ['babel-loader']
    },
    {
      //It's not longer allowed to omit the -loader suffix when using loaders.
      test: /\.css$/,
      loaders: ['style-loader','css-loader']
    }]
  }
}

@coryhouse
Copy link
Author

@momoduoladapo - I deleted your comment since people need to use the versions I specify to follow along.

@momoduoladapo
Copy link

@momoduoladapo - I deleted your comment since people need to use the versions I specify to follow along.

So sorry about that, i am also taking the course and i have reverted to the originally specified versions you advised.

So now all i updated was my webpack.config.dev.js and the index.js in babel-loader

Cheers

@Frankie-B
Copy link

@coryhouse amazing course!!! Thank you so much!!! Would it be possible to get an updated version of this for the latest version of webpack?

@soji-opa
Copy link

soji-opa commented Jul 21, 2019 via email

@coryhouse
Copy link
Author

@Frankie-B - Please post on the course discussion board on Pluralsight. I provide support there.

@soloking2
Copy link

soloking2 commented Jul 26, 2019

Please @coryhouse, sir please i am having error using this code. Can you help me detect the problem. Thanks
`
import path from 'path';

export default {
debug: true,
devtool: 'inline-source-map',
noInfo: false,
entry: [
path.resolve(__dirname, 'src/index')
],
target: 'web',
output: {
path: path.resolve(__dirname, 'src'),
publicPath: '/',
filename: 'bundle.js'
},
plugins: [],
module: {
loaders: [
{test: /.js$/, exclude: /node_modules/, loaders: ['babel']},
{test: /.css$/, loaders: ['style','css']}
]
}
}`

@coryhouse
Copy link
Author

Please post questions on the course discussion board on Pluralsight. Include a link to your GitHub.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment