首页 > 代码库 > webpack的最简单应用,只使用js与css的打包
webpack的最简单应用,只使用js与css的打包
cmd跳转到项目的文件夹,安装webpack
npm install --save-dev webpack
接着需要packjson.sj文件,全部enter掉就好了,默认值就行了
npm init
接着在项目文件夹接着安装,css-loader
和 style-loader处理样式表
npm install --save-dev style-loader css-loader
在项目文件夹新建webpack.config.js,我的内容如下
var webpack = require(‘webpack‘) module.exports = { entry: __dirname+‘/js/entry.js‘, output: { path: __dirname+‘/js‘, filename: ‘bundle.js‘ }, module: { loaders: [ {test: /\.css$/, loader: ‘style!css‘} ] } }
在项目文件夹下的js文件夹里新建一个entry.js,我的内容如下
require(‘./style.css‘); // 载入 style.css require(‘./index.js‘);//载入自身想要用的js
输出的网页的内容index.html,如下
<!-- index.html --> <html> <head> <meta charset="utf-8"> </head> <body> <script src="http://www.mamicode.com/js/bundle.js"></script> </body> </html>
最后在命令行cmd中输入webpack就可以自动打包了(但是要记得始终要在原始目录下)
webpack的最简单应用,只使用js与css的打包
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。