草庐IT

nt-webpack-plugin

全部标签

javascript - prettier-eslint、eslint-plugin-prettier 和 eslint-config-prettier 之间有什么区别?

我想把Prettier和ESLint一起用,但是一个接一个用就遇到了一些冲突。我看到有这三个包似乎允许它们串联使用:prettier-eslinteslint-plugin-prettiereslint-config-prettier但是,我不确定使用哪个,因为这些包名称都包含eslint和prettier。我应该使用哪个? 最佳答案 tl;dr:使用eslint-config-prettier,其他可以忽略。ESLint包含很多规则,与格式相关的规则可能会与Prettier冲突,例如arrow-parens、space-befor

javascript - prettier-eslint、eslint-plugin-prettier 和 eslint-config-prettier 之间有什么区别?

我想把Prettier和ESLint一起用,但是一个接一个用就遇到了一些冲突。我看到有这三个包似乎允许它们串联使用:prettier-eslinteslint-plugin-prettiereslint-config-prettier但是,我不确定使用哪个,因为这些包名称都包含eslint和prettier。我应该使用哪个? 最佳答案 tl;dr:使用eslint-config-prettier,其他可以忽略。ESLint包含很多规则,与格式相关的规则可能会与Prettier冲突,例如arrow-parens、space-befor

javascript - webpack import 返回 undefined,取决于导入的顺序

我正在使用webpack+babel。我有三个模块,如下所示://A.js//someotherimportshereconsole.log('A');exportdefault'some-const';//B.jsimportsomeConstfrom'./A';console.log('B',someConst);exportdefault'something-else';//main.jsimportsomeConstfrom'./A';importsomethingElsefrom'./B';console.log('main',someConst);当执行main.js时,我

javascript - webpack import 返回 undefined,取决于导入的顺序

我正在使用webpack+babel。我有三个模块,如下所示://A.js//someotherimportshereconsole.log('A');exportdefault'some-const';//B.jsimportsomeConstfrom'./A';console.log('B',someConst);exportdefault'something-else';//main.jsimportsomeConstfrom'./A';importsomethingElsefrom'./B';console.log('main',someConst);当执行main.js时,我

javascript - Webpack-dev-server 编译文件但不刷新或使已编译的 javascript 可供浏览器使用

我正在尝试使用webpack-dev-server来编译文件并启动开发Web服务器。在我的package.json中,我将脚本属性设置为:"scripts":{"dev":"webpack-dev-server--hot--inline",}所以--hot和--inline应该启用网络服务器和热重载(据我所知)。在我的webpack.config.js文件中,我设置了入口、输出和devServer设置,并添加了一个加载程序来查找.vue文件中的更改:module.exports={entry:'./src/index.js',output:{path:__dirname+'/publi

javascript - Webpack-dev-server 编译文件但不刷新或使已编译的 javascript 可供浏览器使用

我正在尝试使用webpack-dev-server来编译文件并启动开发Web服务器。在我的package.json中,我将脚本属性设置为:"scripts":{"dev":"webpack-dev-server--hot--inline",}所以--hot和--inline应该启用网络服务器和热重载(据我所知)。在我的webpack.config.js文件中,我设置了入口、输出和devServer设置,并添加了一个加载程序来查找.vue文件中的更改:module.exports={entry:'./src/index.js',output:{path:__dirname+'/publi

javascript - Webpack 不排除 node_modules

我正在为正在构建的Node框架使用webpack(诚然,我可能应该使用gulp)。当我包含EJS模块时,webpack将它包含在编译的源代码中,即使我明确告诉它排除node_modules目录。module.exports={context:__dirname,target:'node',//...output:{libraryTarget:'commonjs'//...},module:{loaders:[{test:/\.js$/,exclude:/node_modules/,loader:'babel-loader?{"stage":0,"optional":["runtime"

javascript - Webpack 不排除 node_modules

我正在为正在构建的Node框架使用webpack(诚然,我可能应该使用gulp)。当我包含EJS模块时,webpack将它包含在编译的源代码中,即使我明确告诉它排除node_modules目录。module.exports={context:__dirname,target:'node',//...output:{libraryTarget:'commonjs'//...},module:{loaders:[{test:/\.js$/,exclude:/node_modules/,loader:'babel-loader?{"stage":0,"optional":["runtime"

javascript - 有人可以解释一下 Webpack 的 CommonsChunkPlugin

我得到了CommonsChunkPlugin的一般要点查看所有入口点,检查它们之间是否有共同的包/依赖项,并将它们分成自己的包。所以,让我们假设我有以下配置:...enrty:{entry1:'entry1.js',//whichhas'jquery'asadependencyentry2:'entry2.js',//whichhas'jqueryasadependencyvendors:['jquery','some_jquery_plugin'//whichhas'jquery'asadependency]},output:{path:PATHS.build,filename:'[

javascript - 有人可以解释一下 Webpack 的 CommonsChunkPlugin

我得到了CommonsChunkPlugin的一般要点查看所有入口点,检查它们之间是否有共同的包/依赖项,并将它们分成自己的包。所以,让我们假设我有以下配置:...enrty:{entry1:'entry1.js',//whichhas'jquery'asadependencyentry2:'entry2.js',//whichhas'jqueryasadependencyvendors:['jquery','some_jquery_plugin'//whichhas'jquery'asadependency]},output:{path:PATHS.build,filename:'[