Skip to content

Instantly share code, notes, and snippets.

@apurbajnu
Last active December 23, 2020 18:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save apurbajnu/e3c135eabfc55cec8eca10725313f445 to your computer and use it in GitHub Desktop.
Save apurbajnu/e3c135eabfc55cec8eca10725313f445 to your computer and use it in GitHub Desktop.
webpack config
var webpack = require('webpack');
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const isDevelopment = process.env.NODE_ENV === 'development'
module.exports =
{
"mode": "production",
"entry": {
"/assets/dist/js/admin/expert-jobs.js": "./assets/src/scripts/admin/expert-jobs.js",
"/assets/dist/js/admin/expert-payments.js": "./assets/src/scripts/admin/expert-payments.js",
"/assets/dist/js/admin/experts.js": "./assets/src/scripts/admin/experts.js",
"/assets/dist/js/admin/experts-signup.js": "./assets/src/scripts/admin/experts-signup.js",
// "/assets/dist/js/admin/manifest.js": "./assets/src/scripts/admin/manifest.js",
// "/assets/dist/js/admin/vendor.js": "./assets/src/scripts/admin/vendor.js",
"/assets/dist/js/app.js": "./assets/src/scripts/app.js",
"/assets/dist/css/admin": "./assets/src/sass/admin.scss",
"/assets/dist/css/style": "./assets/src/sass/style.scss",
"/assets/dist/css/bootstrap-iso": "./assets/src/sass/bootstrap-iso.scss",
"/assets/dist/js/d2-profile.js": "./assets/src/scripts/d2-profile.js",
"/assets/dist/js/d2-profile-search.js": "./assets/src/scripts/d2-profile-search.js",
"/assets/dist/js/dashboard.js": "./assets/src/scripts/dashboard.js",
"/assets/dist/js/auth.js": "./assets/src/scripts/auth.js",
// "/assets/dist/js/bbpress-forums.js": "./assets/src/scripts/bbpress-forums.js",
"/assets/dist/js/my-account.js": "./assets/src/scripts/my-account.js"
},
"output": {
"path": __dirname,
"filename": "[name]"
},
"devtool": "source-map",
"module": {
"rules": [
{
"test": /\.js$/,
"exclude": /node_modules/,
"use": {
"loader": "babel-loader",
"options": {
"presets": [
"env"
]
}
}
},
{
test: /\.(eot|gif|otf|png|svg|ttf|woff)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
use: [ 'file-loader' ],
},
{
test: /\.module\.s(a|c)ss$/,
loader: [
isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
modules: true,
sourceMap: isDevelopment
}
},
{
loader: 'sass-loader',
options: {
sourceMap: isDevelopment
}
}
]
},
{
test: /\.s(a|c)ss$/,
exclude: /\.module.(s(a|c)ss)$/,
loader: [
isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'sass-loader',
options: {
sourceMap: isDevelopment
}
}
]
},
{
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
},
},
],
},
{
test: /datatables\.net(?!.*[.]css$).*/,
loader: 'imports-loader?define=>false'
}
]
},
"plugins": [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery'
}),
new MiniCssExtractPlugin({
filename: isDevelopment ? '[name].[hash].css' : '[name].css',
chunkFilename: isDevelopment ? '[id]' : '[id]'
})
]
};
@anyno
Copy link

anyno commented Dec 21, 2020

I run the same configure for ENTRY but its throw error: Please help me!

ERROR in Entry module not found: Error: Can't resolve './assets/src/css/bootstrap.css/' in 'C:\wamp64\www\onumrebuild\wp-content\themes\onum-child-v2\assets'

This is my configure webpack.config.js
var webpack = require('webpack');
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const isDevelopment = process.env.NODE_ENV === 'development'
module.exports =
{
"mode": "production",
"entry": {
"/assets/build/css/bootstrap.css/": "./assets/src/css/bootstrap.css/",
"/assets/build/css/editorStyle.css/": "./assets/src/css/editorStyle.css/",
"/assets/build/css/flaticon.css/": "./assets/src/css/flaticon.css/",
"/assets/build/css/fontAwsome.css/": "./assets/src/css/fontAwsome.css/",
"/assets/build/css/magnificPopup.css/": "./assets/src/css/magnificPopup.css/",
"/assets/build/css/royalPreload.css/": "./assets/src/css/royalPreload.css/",
"/assets/build/css/slick.css/": "./assets/src/css/slick.css/",
"/assets/build/css/slickTheme.css/": "./assets/src/css/slickTheme.css/",
"/assets/build/css/woocommerce.css/": "./assets/src/css/woocommerce.css/",
"/assets/build/js/easypiechart.js/": "./assets/src/js/easypiechart.js/",
"/assets/build/js/elementor.js/": "./assets/src/js/easypiechart.js/",
"/assets/build/js/headerMobile.js/": "./assets/src/js/headerMobile.js/",
"/assets/build/js/jqueryCountdown.min.js/": "./assets/src/js/jqueryCountdown.min.js/",
"/assets/build/js/jqueryIsotope.min.js/": "./assets/src/js/jqueryIsotope.min.js/",
"/assets/build/js/jqueryMagnificPopup.min.js/": "./assets/src/js/jqueryMagnificPopup.min.js/",
"/assets/build/js/particles.min.js/": "./assets/src/js/particles.min.js/",
"/assets/build/js/royalPreloader.min.js/": "./assets/src/js/royalPreloader.min.js/",
"/assets/build/js/sripts.js/": "./assets/src/js/sripts.js/",
"/assets/build/js/slick.min.js/": "./assets/src/js/slick.min.js/"
},
"output": {
"path": __dirname,
"filename": "[name]"
},
"devtool": "source-map",
"module": {
"rules": [
{
"test": /.js$/,
"exclude": /node_modules/,
"use": {
"loader": "babel-loader",
"options": {
"presets": [
"env"
]
}
}
},
{
test: /.(eot|gif|otf|png|svg|ttf|woff)(?v=[0-9].[0-9].[0-9])?$/,
use: [ 'file-loader' ],
},
{
test: /.module.css$/,
loader: [
isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
modules: true,
sourceMap: isDevelopment
}
}
]
},
{
test: /.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
},
},
],
},
{
test: /datatables.net(?!.[.]css$)./,
loader: 'imports-loader?define=>false'
}

]
},
"plugins": [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery'
}),
new MiniCssExtractPlugin({
filename: isDevelopment ? '[name].[hash].css' : '[name].css',
chunkFilename: isDevelopment ? '[id]' : '[id]'
})
]
};

@apurbajnu
Copy link
Author

ERROR in Entry module not found: Error: Can't resolve './assets/src/css/bootstrap.css/' in 'C:\wamp64\www\onumrebuild\wp-content\themes\onum-child-v2\assets'

Please check within your parent directory is there any folder called assets after that check is there any folder call src .... so on. Finally, within this CSS folder is there any file called bootstrap.css?

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