Webpack 发行带有网页的流动纱线手表
我正在做一个项目,第一次使用网页包。我在运行《纱线观察》时遇到了一个问题。以下是我在webpage.config.js中的代码:Webpack 发行带有网页的流动纱线手表,webpack,yarnpkg,Webpack,Yarnpkg,我正在做一个项目,第一次使用网页包。我在运行《纱线观察》时遇到了一个问题。以下是我在webpage.config.js中的代码: const path = require('path'); // include the js minification plugin const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); // include the css extraction and minification plugins c
const path = require('path');
// include the js minification plugin
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
// include the css extraction and minification plugins
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
module.exports = {
entry: ['./src/js/site.js', './src/scss/style.scss'],
output: {
filename: './dist/js/site.min.js',
path: path.resolve(__dirname)
},
module: {
rules: [
// perform js babelization on all .js files
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
presets: ['babel-preset-env']
}
}
},
// compile all .scss files to plain old css
{
test: /\.(sass|scss)$/,
use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
}
]
},
plugins: [
// extract css into dedicated file
new MiniCssExtractPlugin({
filename: './dist/css/style.min.css',
path: path.resolve(__dirname)
})
],
optimization: {
minimizer: [
// enable the js minification plugin
new UglifyJSPlugin({
cache: true,
parallel: true
}),
// enable the css minification plugin
new OptimizeCSSAssetsPlugin({})
]
}
};
在运行这个过程中,我遇到了几个错误。第一条说:
参数数量不足或找不到条目
然后另一个出现了,上面写着:
在输入模块中找不到错误:错误:无法解析“FOLDER\u NAME\u HERE”中的“/src”错误命令失败,退出代码为2
下面是我的package.json文件:
{
"name": "project name",
"version": "1.0.0",
"description": "project description",
"scripts": {
"build": "webpack --mode development",
"dist": "webpack --mode production",
"watch": "webpack --watch --mode development"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.0.4",
"babel-preset-env": "^1.7.0",
"css-loader": "^1.0.0",
"imagemin-cli": "^3.0.0",
"mini-css-extract-plugin": "^0.4.4",
"node-sass": "^4.9.3",
"npm-run-all": "^4.1.3",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"sass-loader": "^7.1.0",
"uglifyjs-webpack-plugin": "^2.0.1",
"webpack": "^4.20.2",
"webpack-cli": "^3.1.2"
},
"author": "Me",
"license": "MIT"
}
我做了一些搜索,在Github上找到了一些关于这个的东西,但没有真正的解决方案。我有一个“/src”文件夹,因此如果出现错误,说它无法解析“/src”是没有意义的,除非该文件路径不正确(我尝试了所有其他方法只是为了测试它,我现在得到的是它原来的样子)。非常感谢您的帮助。“watch”:“webpack--watch--modedevelopment--config./path/to/my/webpack/config”
您没有说要查找哪个配置。。。你必须说出来