webpack安装不上，报这个错误，怎么搞？ webpack运行时报这个错误怎么办
elasticsearch\u5b89\u88c5\uff0c\u8001\u662f\u62a5\u8fd9\u4e2a\u9519\u8bef\u600e\u4e48\u5904\u7406ES-2.x \u4e0e spring-boot 1.x.x \u4e24\u8005\u7248\u672c\u662f\u4e0d\u517c\u5bb9\u7684\uff0c\u5c06 ES \u7248\u672c\u964d\u4e3a 1.7.3 \u540e\uff0c\u8282\u70b9\u80fd\u6b63\u5e38\u52a0\u5165\u96c6\u7fa4\uff0c\u5e76\u4e14\u670d\u52a1\u542f\u52a8\u540e\u4e5f\u6b63\u5e38\u5de5\u4f5c\u3002
\u4fee\u6539css\u548cscss\u7684loader
{
test: /\.css$/,
loader: 'style-loader!css-loader!autoprefixer-loader?{browsers:["last 2 version"]}'
},
{
test: /\.scss/,
loader: 'style-loader!css-loader!autoprefixer-loader?{browsers:["last 2 version"]}!sass-loader?outputStyle=expanded'
}
首先你需要安装一个全局的webpack
npm install webpack -g
这样你才可以正确的使用webpack这个命令
然后, 你还可以在当前项目里面也安装一个webpack, 这也是官方推荐的做法
npm install webpack --save-dev
这样就可以在你的webpack.config.js里面方便的引用webpack
// webpack.config.js
var path = require('path');
var webpack = require('webpack');
然后在使用一些plugin的时候就比较方便了
new webpack.optimize.CommonsChunkPlugin('common.js')
或者你可以看看webpack的官网的, 比如在installation这个章节,
里面就介绍了怎么安装webpack. 首先你需要安装一个全局的webpack npm install webpack -g
这样你才可以正确的使用webpack这个命令 然后, 你还可以在当前项目里面也安装一个webpack, 这也...
绛旓細棣栧厛浣犻渶瑕瀹夎涓涓叏灞鐨剋ebpack npm install webpack -g 杩欐牱浣犳墠鍙互姝ｇ‘鐨勪娇鐢webpack杩欎釜鍛戒护 鐒跺悗, 浣犺繕鍙互鍦ㄥ綋鍓嶉」鐩噷闈篃瀹夎涓涓webpack, 杩欎篃鏄畼鏂规帹鑽愮殑鍋氭硶 npm install webpack --save-dev 杩欐牱灏卞彲浠ュ湪浣犵殑webpack.config.js閲岄潰鏂逛究鐨勫紩鐢╳ebpack // webpack.config.js var path ...
绛旓細缈昏瘧杩囨潵灏辨槸锛 'webpack-dev-server' 涓嶆槸鍐呴儴鎴栧閮ㄥ懡浠わ紝涔熶笉鏄彲杩愯鐨勭▼搴 寰堝彲鑳芥槸椤圭洰 install 鏃朵笉瀹屽叏閫犳垚鐨勶紝 鍙互浣跨敤 cnpm install 澧冨唴瀹夎 椤圭洰鍒濆鍖栨椂鏈鍚庝細璁╀綘閫夋嫨鏄惁install鍜宨nstall閫斿緞锛 鏈濂芥槸閫夋嫨绋嶅悗鎵嬪姩瀹夎 cnpm install 鍒氭嬁鍒伴」鐩椂锛 npm start 鎴杗pm run dev 鍖...
绛旓細浣犺繕鍙互鍦ㄥ綋鍓嶉」鐩噷闈篃瀹夎涓涓webpack,杩涔...
绛旓細锛堝娉細瀹夎webpack-dev-server鏃跺畨瑁呭畬鍚庯紝杩愯鎶ヤ笉鏄唴閮ㄦ寚浠わ紝闇瑕佸湪package.json涓厤缃笅锛夆渟cripts鈥: { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","build": "node build/build.js"12345 },濡傛灉杩樻槸鎶ヤ笉鏄唴閮...
绛旓細鍥犱负瀹夎姝ラ鍑虹幇浜嗛棶棰銆1.棣栧厛浣犻渶瑕佸畨瑁呬竴涓叏灞鐨剋ebpack锛沶pm install webpack -g锛涜繖鏍蜂綘鎵嶅彲浠ユ纭殑浣跨敤webpack杩欎釜鍛戒护锛2.鐒跺悗, 浣犺繕鍙互鍦ㄥ綋鍓嶉」鐩噷闈篃瀹夎涓涓獁ebpack, 杩欎篃鏄畼鏂规帹鑽愮殑鍋氭硶锛沶pm install webpack --save-dev锛涜繖鏍峰氨鍙互鍦ㄤ綘鐨剋ebpack.config.js閲岄潰鏂逛究鐨勫紩鐢╳ebpack...
绛旓細鍥犱负浣犱滑鍏徃涓嶅厑璁歌嚜宸辨敼鍙樼幆澧冨彉閲 鎵浠ユ棤娉瀹夎webpack 璇烽噰绾
绛旓細Do you want to install 'webpack-cli' (yes/no):鎴戞病鏈夊鎬濊冨氨yes 鐒跺悗灏辨姤鍑轰簡鏈涓婇潰鐨勯敊璇 鍚庢潵鍙戠幇鎴戠幇鍦ㄧ殑璺緞鏄痆root@localhost webpack]# 浣嗘槸鎴戞槸 -g鍏ㄥ眬瀹夎鐨剋ebpack 浣嗘槸褰撴垜杈撳叆yes鐨勬椂鍊欙紝绯荤粺鏌ユ壘鐨勬槸鎴戝綋鍓嶈矾寰勪笅鐨刾ackage.json褰撶劧浜嗗氨鏃犳硶瀹夎浜嗘瘯绔 webpack瀹夎鍦ㄥ叏灞锛寃eb...
绛旓細'webpack/hot' in...瑙ｅ喅锛氭湰鍦板畨瑁厀ebpack锛歯pm install webpack 鍥犱负webpack-dev-server瑕佹眰蹇呴』鍦ㄦ湰鍦瀹夎webpack锛鍗充娇宸茬粡鍏ㄥ眬瀹夎浜唚ebpack锛屼簬鏄垜璇曠潃鏈湴瀹夎webpack锛屽啀娆¤繍琛宯pm run dev 灏辨垚鍔熶簡锛屾墍浠杩欎釜閿欒鐨勫師鍥犲彲鑳藉氨鏄洜涓烘垜娌℃湁鏈湴瀹夎webpack鍚э紙濡傛灉涓嶆槸杩欎釜鍘熷洜璇疯祼鏁欙級
绛旓細瑙ｅ喅鏂规硶锛1锛屽彲浠ュ湪鏈」鐩腑瀹夎锛npm install webpack 2, 鎴栬呮槸锛屽湪~/.bash_profile涓坊鍔犲涓嬭缃細 export NODE_PATH="/usr/local/lib/node_modules"淇濆瓨閫鍑恒傦紙.bash_profile杩欎釜鏄殣钘忔枃浠讹紝鎴栬呮槸閰嶇疆鏂囦欢锛岄偅鎬庝箞杩涘叆杩欎釜鏂囦欢鍝紵杈撳叆cd ~锛岃緭鍏ouch .bash_profile锛岃緭鍏pen -e .bash_...
绛旓細7銆佸彲浠ュ埌package.json鏂囦欢涓煡鐪嬪寘鏄惁瀛樺湪 鎬荤粨锛 瀹夎鍚勭webpack鐨勪緷璧栫粡甯镐細鍑虹幇杩欑鎴栭偅鏍风殑闂锛岄渶瑕佹垜浠粩缁嗗垎鏋愪竴涓嬫姤閿欐墠琛屻傝櫧鐒剁綉涓婃湁鍚勭闂鐨勫畨瑁呮柟娉曪紝浣嗘寜鐓т粬浠殑涔熻鍙锛屼篃璁镐笉鍙锛屼絾鎬讳細鑰楄垂鑷繁鐨勫ぇ閲忔椂闂淬傛墍浠ヤ粩缁嗗垎鏋愯嚜宸辩殑鎶ラ敊鏄粈涔堝師鍥犲鑷寸殑锛屾墠鑳藉鐥囦笅鑽揩閫熻В鍐抽棶棰樸
