Last active
December 23, 2020 18:09
-
-
Save apurbajnu/e3c135eabfc55cec8eca10725313f445 to your computer and use it in GitHub Desktop.
webpack config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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]' | |
}) | |
] | |
}; |
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
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]'
})
]
};