-
webpack.github.io/docs/configuration.html 官网上webpack.config的API查看全部
-
在src目录下，建一个webpack的配置文件,webpack.config.js查看全部
-
我们在src目录下建一个script文件夹，存放脚步文件；和一个style文件夹，存放样式文件查看全部
-
在编辑器里面打开这个项目，创建一个初始化的index.html文件 引入打包后的js文件， <script type="text/javascript" src="bundle.js"></script>查看全部
-
mkdir src 创建一个目录，存放代码源文件 mkdir dist 创建一个目录，存放打包以后静态资源的目录查看全部
-
在目录下安装webpack npm install webpack --save-dev查看全部
-
wenpack基本配置 mkdir webpack-demo 创建一个目录 cs webpack-demo //进入这个目录 npm init //初始化这个目录查看全部
-
通过命令行工具，我们可以很清晰的知道命令行信息 webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' -progress --display-modules --display-reasons --watch查看全部
-
在加一行--display-reasons，查看打包的原因 webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' -progress --display-modules --display-reasons查看全部
-
我们还可以看打包的模块 webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' -progress --display-modules 会列出打包的模块，用什么loader处理，也会列出来查看全部
-
我想看到打包过程，可以使用--progress webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' -progress 在此我们可以看到一个百分比读条查看全部
-
每一次在命令行输一次命令行命令，十分的繁琐，可以使用--watch使它自动更新，自动打包。 webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' -watch查看全部
-
绑定style－loader！和css－loader！查看全部
-
我们可以在命令行使用--module-bind函数将'css=style-loader!css-loader' webpack hello.js hello.bundle --module-bind 'css=style-;oader!css-loader'查看全部
-
每次引入css文件时，都在前面加上style-loader!css-loader!岂不是很麻烦；其实我们可以不住这里添加查看全部
举报
0/150
提交
取消