我刚刚开始与webpack和我有困难得到多入口点样本构建。示例中的webpack.config.js文件包含以下行

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

这个错误对我来说是无效的

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

在搜索中,我找到了其他使用CommonsChunkPlugin和表达式的示例

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

哪个错误会失败

ReferenceError: webpack is not defined

更多的搜索发现了一些例子,包括

var webpack = require('webpack');

我的构建现在失败了

Error: Cannot find module 'webpack'

我不知道该怎么做。


当前回答

当我在windows上工作时,我在本地安装了webpack,它解决了我的问题

因此,在你的命令提示符中,进入你想要运行webpack的目录,在本地安装webpack(不带-g),然后享受…

其他回答

在全球范围内安装webpack和CLI对我来说是有效的。

npm i -g webpack webpack-cli

我解决了同样的问题,重新安装,执行这些命令

rm -rf node_modules
rm -f package-lock.json
npm install

Rm始终是一个危险的命令,特别是使用-f时,请在执行它之前注意!!!!!

Laravel用户

如果以上选项都不适合您,那么您可能需要正确安装laravell -mix。以下是如何做到的:

NPM安装laravell -mix—save-dev

现在使用下面的命令创建一个webpack.mix.js文件:

触摸webpack.mix.js

将以下代码添加到webpack.mix.js文件中:

mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [
    require('postcss-import'),
    require('tailwindcss'),
    require('autoprefixer'),
]);

你可能还需要使用touch tailwind.config.js命令创建一个tailwind.config.js文件,然后添加以下代码:


module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [require('@tailwindcss/forms')],
};

最后运行npm run dev

上面建议的任何方法都不适合我(包括NODE_PATH变量)。我创建了一个sym链接的“node_modules”从我的本地文件夹到全局AppData(如下所示),它就像魅力。

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0

为我解决这个问题的是webpack的路径。build.js中的配置错误